如何安装/使用cordova插件?

时间:2015-10-29 22:00:05

标签: cordova phonegap-plugins phonegap-build cordova-plugins

我已经安装了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)时,或仅使用" www"上传zip文件时,我会得到相同的行为。文件夹和" config.xml"文件。
我还在stackoverflow中阅读了这些类似的问题:

phonegap plugins 5.1.1 cli don't work

Cordova plugins not working

但他们似乎并没有帮助我。

index.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 个答案:

答案 0 :(得分:4)

好。你有一个根本问题。不知何故,你还没有阅读正确的文档。

请阅读此内容以帮助您开始使用 阅读粗体点,然后在适用时阅读每个部分的正文。

Top Mistakes by Developers new to Cordova/Phonegap

在这种情况下,你犯了错误#1,

我引用:

  

<强> 1。 Thinking Phonegap只是一个系统

     

有三个类似的平台,Cordova(CLI),Phonegap(CLI)和   Phonegag Build和五个系统(计算Cordova / Phonegap SDK1)。   人们经常混淆三个非常相似的平台并且纠结在一起   在区分它们的微小变化中。

     

奇怪的是,最好的解释来自建立在顶部的东西   Angular,并包装Cordova / Phonegap CLI。 - 离子。

     

来自离子博客The Last Word on Cordova and PhoneGap

     
    

PhoneGap本身是在2009年左右由一家名为Nitobi的初创公司创建的,作为一种开源方式来访问&#34; native&#34;环境通过本机应用程序中的嵌入式Web视图。该项目的目标是使用HTML5,CSS和Javascript等纯Web技术构建大量移动应用体验成为可能,但仍然能够在必要时调用本机代码。

         

2011年,Adobe购买了Nitobi,并获得了PhoneGap品牌的权利,开源核心以Cordova的名义捐赠给了Apache Software Foundation。

         

详细了解Ionic Blog

  

答案 1 :(得分:0)

JesseMonroy650已经说过,我认为phonegap和phonegap构建了相同的系统。但是插件的安装是以不同的方式进行的。

示例:

  • 的PhoneGap:
    phonegap插件添加cordova-plugin-bluetooth-serial --save
  • phonegap build:
    添加一行&#34; <gap:plugin name="cordova-plugin-bluetooth-serial" source="npm" />&#34;到config.xml

答案 2 :(得分:0)

要安装并习惯于Cordova插件,您需要执行以下步骤(安装简单的相机插件):


添加:

第1步: cordova插件添加cordova-plugin-camera

例如,如果您想将此插件安装到ionic框架项目中:

您应按照以下命令编写:

ionic cordova插件添加cordova-plugin-camera


删除:

要删除插件,请使用以下命令

Commond: cordova插件删除cordova-plugin-camera