Phonegap构建如何将插件添加到应用程序

时间:2014-12-05 14:57:01

标签: javascript cordova phonegap-plugins phonegap-build

该文件说:

“在项目中包含插件有两个步骤:

使用config.xml导入本机代码

引用插件的JavaScript代码

http://docs.build.phonegap.com/en_US/configuring_plugins.md.html#importing-native

要引用你的html文件:

<script src="cordova.js"></script>
<script src="barcodescanner.js"></script>  <-this

但是,你怎么知道用什么代替barcodescanner.js。

事实上,如果我只使用 phonegap build 来构建和测试我的应用程序而不使用任何本地应用程序,我不知道包含插件的工作流程。我尝试使用cli包含插件。但是这没有更新根config.xml。所以我手动输入代码config.xml,可以找到https://build.phonegap.com/plugins/1163。但是在这个页面上没有提到要包含在javascript文件中的内容。我使用acceleration.js,device-motion.js

1 个答案:

答案 0 :(得分:4)

如果您想将条形码扫描器包含在phonegap构建中,您可以执行以下操作,

<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "com.phonegap.example"
    versionCode = "10"
    version     = "1.0.0" >

    <!-- versionCode is optional and Android only -->

    <name>PhoneGap Example</name>

    <description>
      An example for phonegap build docs.
    </description>

    <author href="https://build.phonegap.com" email="support@phonegap.com">
      Hardeep Shoker
    </author>

    <!-- We'll include the Barcode plugin as an example -->
    <gap:plugin name="com.phonegap.plugins.barcodescanner" />
    <gap:plugin name="org.apache.cordova.camera"/>
    <gap:plugin name="org.apache.cordova.device-motion"/>
    <gap:plugin name="org.apache.cordova.device-orientation"/>
    <gap:plugin name="org.apache.cordova.file-transfer"/>
    <gap:plugin name="org.apache.cordova.geolocation"/>
    <gap:plugin name="org.apache.cordova.dialogs"/>
    <gap:plugin name="org.apache.cordova.vibration"/>

</widget>

这是一个示例config.xml文件,包含在与您的主页相同的目录中。在javascript文件中,您不包含任何插件脚本(请确保

<script src="cordova.js"></script> 

包括在内)。只需调用插件方法,build就会为你处理其余部分。例如,我已经包含了上面的振动插件。如果我想让我的手机振动,我只需要调用这样的功能,

function test(){
    navigator.notification.vibrate(1000);

}

不需要任何类似的东西,

<script src="barcodescanner.js"></script>

只需确保在config.xml文件中引用该插件,一切都应该没问题