如何安装/使用cordova插件?

问题描述 投票:2回答:3

我已经安装了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”文件夹和“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
3个回答
4
投票

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

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


Top Mistakes by Developers new to Cordova/Phonegap

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

I QUOTE:

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的创业公司创建的,它是一种通过本机应用程序中的嵌入式Web视图访问“本机”环境的开源方式。该项目的目标是使用HTML5,CSS和Javascript等纯Web技术构建大量移动应用体验成为可能,但仍然能够在必要时调用本机代码。

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

阅读更多关于Ionic Blog的信息


0
投票

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

例:

  • PhoneGap的: phonegap插件添加cordova-plugin-bluetooth-serial --save
  • phonegap build: 将“<gap:plugin name="cordova-plugin-bluetooth-serial" source="npm" />”行添加到config.xml中

0
投票

要安装和使用Cordova插件,您需要按照以下步骤(安装简单的相机插件):


添加:

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

例如,如果要将此插件安装到离子框架项目中:

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

离子cordova插件添加cordova-plugin-camera


去掉 :

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

命令:cordova插件删除cordova-plugin-camera

© www.soinside.com 2019 - 2024. All rights reserved.