插件如何安装到WeX5

三、插件如何安装到WeX5

这里以常用的条形码扫描为例介绍。

1. http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner下载好源代码，并把插件的目录名改为和id相同，这里是com.phonegap.plugins.barcodescanner。id可以打开源代码中的plugin.xml看，根节点plugin的id属性值就是。

2. 把插件目录复制到model/Native/plugins目录下

四、如何使用安装好的插件

自定义插件需要通过源代码模式使用，具体使用如下：

1. 在Native下新建App，选择原代码模式，在新建向导第二页，新建App时可选择，编辑App不能修改

2. 在新建向导选择插件的页面，去掉“自动选择使用到的Cordova插件”选项，选择新增名字为BarcodeScanner的插件，系统会把插件整合到自己新建的App中，该App已经具有对应插件的能力。名字BarcodeScanner是在plugin.xml中的name节点上定义。

3. 在需要使用插件的页面对应的js中，如下代码引用：

1
require(“cordova!com.phonegap.plugins.barcodescanner”);
再参考插件的文档，书写对应的js。对于barcodesacnner，代码如下：

cordova.plugins.barcodeScanner.scan(
  function (result) {
    alert("We got a barcode\n" +
    "Result: " + result.text + "\n" +
    "Format: " + result.format + "\n" +
    "Cancelled: " + result.cancelled);
  },
  function (error) {
    alert("Scanning failed: " + error);
  }
);

在.w对应的js中，对于barcodesanner，上面代码一般会写到某个组件的click事件上，而有的插件需要在页面初始化时执行，那可以写到model的onLoad事件中

1. 通过打包服务器打包生成App；由于新建的是源码模式，也可以自己把新建好的工程导入到ADT或者XCode中编译发布App。打包服务器安装和下载

五、安装好的插件的App作为模版App

Native/templates/normal/x5-std.apk.t Android不选择增强型浏览器使用的App模版

Native/templates/normal/x5.apk.t Adnroid选择增强型浏览器使用的App模版

Native/templates/normal/x5.ipa.t IOS的App模版

可以把上面步骤四生成的App替换到上面对应位置，例如andoird的就直接用x5.apk.t的名字，那后续不通过服务器打包模式打包也将有上面集成的插件能力。