如何安装/使用cordova插件?

Rui*_*ima 2 phonegap-plugins cordova phonegap-build cordova-plugins

我已经安装了cordova 5.3.3,并使用以下命令为Android创建了我的应用程序:

cordova create Project
cd Project
cordova platform add android
Run Code Online (Sandbox Code Playgroud)

之后,我使用以下命令压缩文件:

cd ..
zip -r Project.zip Project
Run Code Online (Sandbox Code Playgroud)

并将其上载到phonegap版本:

https://build.phonegap.com/apps

在创建了apk并将其安装在我的android上之后,这些应用似乎正常运行,除非我尝试使用插件。
插件功能始终会失败,而其余的javascript代码则可以正常运行。

我添加的插件如下:

cordova plugin add org.apache.cordova.vibration
cordova platform rm android
cordova platform add android
Run Code Online (Sandbox Code Playgroud)

如果我列出我的插件:

cordova plugin ls
Run Code Online (Sandbox Code Playgroud)

我得到:

cordova-plugin-whitelist 1.0.0 "Whitelist"
org.apache.cordova.vibration 0.3.13 "Vibration"
Run Code Online (Sandbox Code Playgroud)

使用phonegap(版本5.3.6)时,或者仅使用“ www”文件夹和“ config.xml”文件上载zip文件时,我会得到相同的行为。
我也在stackoverflow中阅读了以下类似问题:

phonegap插件5.1.1 CLI不起作用

科尔多瓦插件不起作用

但就我而言,他们似乎并没有帮助我。

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>
Run Code Online (Sandbox Code Playgroud)

javascript代码:

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

function onDeviceReady() {
    $(function(){
        $( "#vibrar" ).click(function() {
            navigator.vibrate(3000);
            alert("abc");
        });
    })
}
Run Code Online (Sandbox Code Playgroud)

我正在使用JQuery库2.1.4。

Jes*_*650 5

好的。您有一个基本问题。不知何故您没有阅读正确的文档。

请阅读此内容以帮助您入门。
阅读粗体字,然后阅读适用部分的正文。


Cordova / Phonegap新手开发人员的主要错误

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

我引用:

1.认为Phonegap只是一个系统

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

奇怪的是,最好的解释是基于Angular之上的东西,它包装了Cordova / Phonegap CLI。-离子

来自Ionic博客关于Cordova和PhoneGap的最后一句话

PhoneGapproperty是由一家名为Nitobi的初创公司在2009年左右创建的,它是一种通过本地应用程序中的嵌入式Web View访问“本机”环境的开源方式。该项目的目标是使使用纯Web技术(例如HTML5,CSS和Javascript)构建大量的移动应用程序体验成为可能,但仍能够在必要时调用本机代码。

2011年,Adobe收购了Nitobi,并获得了其对PhoneGap品牌的使用权,并将开源内核以Cordova的名义捐赠给了Apache Software Foundation。

Ionic Blog上阅读更多内容