Как установить / использовать плагины cordova?


Я установил cordova 5.3.3, я создаю свои приложения, для android, с помощью:

cordova create Project
cd Project
cordova platform add android

После этого я заклеиваю свой файл:

cd ..
zip -r Project.zip Project

И загрузить его в phonegap build по адресу:

Https://build.phonegap.com/apps

После создания там apk и установки его на моем android приложения, кажется, работают нормально, за исключением тех случаев, когда я пытаюсь использовать плагины.
Функции плагина всегда терпят неудачу, в то время как остальная часть кода javascript работает нормально.

Я добавляю Плагины имеет следующее:

cordova plugin add org.apache.cordova.vibration
cordova platform rm android
cordova platform add android

И если я перечислю мои плагины с:

cordova plugin ls

Я получаю:

cordova-plugin-whitelist 1.0.0 "Whitelist"
org.apache.cordova.vibration 0.3.13 "Vibration"

Я получаю то же самое поведение при использовании phonegap (версия 5.3.6), или когда просто загружаю zip-файл только с папкой "www" и "config.XML-файл.
Я также читал эти похожие вопросы в stackoverflow:

Плагины Phonegap 5.1.1 cli не работают

Плагины Cordova не работают

Но они, кажется, не помогают мне в моей работе. дело.

Индекс.html-код:

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
</head>
<body>
    <div class="app">
        <h1>Teste Vibra</h1>
        <button type="button" id="vibrar">Vibrar</button>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">

    </script>

</body>

Код javascript:

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    $(function(){
        $( "#vibrar" ).click(function() {
            navigator.vibrate(3000);
            alert("abc");
        });
    })
}

Я использую библиотеку jQuery 2.1.4.

3 2

3 ответа:

Хорошо. У вас есть фундаментальная проблема. Почему-то вы не прочитали правильную документацию.

Пожалуйста, прочтите это, чтобы начать работу
Прочитайте пункты, выделенные жирным шрифтом , а затем прочитайте текст каждого раздела по мере его применения.


Лучшие ошибки разработчиков, новых для Cordova / Phonegap

В этом случае вы допустили ошибку #1,

ЦИТИРУЮ:

1. Thinking Phonegap - это всего лишь одна система

Есть три подобных платформы, Cordova (CLI), Phonegap (CLI) и Сборка Phonegag и система five (подсчет Cordova / Phonegap SDK1). Люди часто путают три очень похожие платформы и запутываются в незначительных вариациях, которые их различают.

Как ни странно, лучшее объяснение исходит от чего-то, построенного сверху. угловой, и обертывает Cordova / Phonegap CLI. - Ионный.

Из блога Ionic последнее слово о Cordova и PhoneGap

PhoneGap proper был создан примерно в 2009 году стартапом Nitobi в качестве открытого исходного кода для доступа к" родной " среде через встроенный веб-вид в родном приложении. Цель проекта состояла в том, чтобы сделать возможным создание большей части мобильного приложения с использованием чистых веб-технологий, таких как HTML5, CSS и Javascript, но при этом иметь возможность вызывать машинный код, когда это необходимо.

В 2011 году Adobe приобрела Nitobi и вместе с ней права на бренд PhoneGap, а ядро с открытым исходным кодом было пожертвован Apache Software Foundation под названием Cordova.

Подробнее читайте в блоге Ionic

Заявил JesseMonroy650, я думал, что phonegap и phonegap строят где-то одну и ту же систему. Но установка плагинов производится разными способами.

Пример:

  • phonegap:
    плагин для PhoneGap добавить Кордова-плагин-модуль Bluetooth-последовательный --сохранить
  • Сборка phonegap:
    добавьте строку "<gap:plugin name="cordova-plugin-bluetooth-serial" source="npm" /> " в config.xml

Для установки и использования плагина Cordova вам необходимо выполнить следующие действия (установить плагин simple camera):


Добавить:

Шаг 1 : Cordova plugin добавить cordova-plugin-camera

Например, если вы хотите установить этот плагин в проект ionic framework:

Вы должны написать в соответствии с приведенной ниже командой:

Ionic cordova plugin добавить cordova-plugin-camera


Удалить :

Для удаления плагина используется следующая команда

Commond: Cordova plugin удалить cordova-plugin-camera