如何安装/使用cordova插件？答案

【问题标题】：How to install/use cordova plugins?如何安装/使用cordova插件？
【发布时间】：2018-09-05 19:51:06
【问题描述】：

我已经安装了 cordova 5.3.3，我创建了适用于 android 的应用程序：

cordova create Project
cd Project
cordova platform add android

在那之后，我压缩我的文件：

cd ..
zip -r Project.zip Project

并将其上传到 phonegap build at：

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”文件夹和“config.xml”文件的 zip 文件时，我会遇到相同的行为。
我还在 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。

【问题讨论】：

标签： cordova phonegap-plugins phonegap-build cordova-plugins

【解决方案1】：

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

请阅读本文以帮助您入门
阅读粗体点，然后阅读适用的每个部分的正文。

Top Mistakes by Developers new to Cordova/Phonegap

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

我引用：

1.认为 Phonegap 只是一个系统

有三个类似的平台，Cordova (CLI)、Phonegap (CLI) 和 Phonegag Build 和五个系统（包括 Cordova/Phonegap SDK1）。人们经常混淆三个非常相似的平台并纠结在区分它们的细微变化中。

奇怪的是，最好的解释来自建立在上面的东西 Angular，并包装了 Cordova/Phonegap CLI。 - 离子。

来自 Ionic 博客The Last Word on Cordova and PhoneGap

PhoneGap 是由一家名为 Nitobi 的初创公司于 2009 年左右创建的，它是一种通过原生应用程序中的嵌入式 Web 视图访问“原生”环境的开源方式。该项目的目标是使用 HTML5、CSS 和 Javascript 等纯 Web 技术构建大部分移动应用体验，但在必要时仍能调用本机代码。

2011 年，Adobe 收购了 Nitobi，并获得了 PhoneGap 品牌的权利，开源核心以 Cordova 的名义捐赠给了 Apache 软件基金会。

阅读更多关于Ionic Blog

【讨论】：

【解决方案2】：

JesseMonroy650 说过，我认为phonegap 和phonegap 构建在同一个系统的地方。但是插件的安装方式不同。

示例：

电话间隙：
phonegap 插件添加 cordova-plugin-bluetooth-serial --save
phonegap 构建：
在 config.xml 中添加“<gap:plugin name="cordova-plugin-bluetooth-serial" source="npm" />”行

【讨论】：

【解决方案3】：

要安装和使用 Cordova 插件，您需要按照以下步骤操作（安装简单的相机插件）：

添加：

第 1 步：科尔多瓦插件添加科尔多瓦插件相机

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

您应该按照以下命令编写：

ionic cordova 插件添加 cordova-plugin-camera

删除：

使用以下命令删除插件

通用：科尔多瓦插件删除科尔多瓦插件相机

【讨论】：