三、插件如何安装到WeX5
这里以常用的条形码扫描为例介绍。
http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner下载好源代码,并把插件的目录名改为和id相同,这里是com.phonegap.plugins.barcodescanner。id可以打开源代码中的plugin.xml看,根节点plugin的id属性值就是。
把插件目录复制到model/Native/plugins目录下
四、如何使用安装好的插件
自定义插件需要通过源代码模式使用,具体使用如下:
在Native下新建App,选择原代码模式,在新建向导第二页,新建App时可选择,编辑App不能修改
在新建向导选择插件的页面,去掉“自动选择使用到的Cordova插件”选项,选择新增名字为BarcodeScanner的插件,系统会把插件整合到自己新建的App中,该App已经具有对应插件的能力。名字BarcodeScanner是在plugin.xml中的name节点上定义。
在需要使用插件的页面对应的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事件中
- 通过打包服务器打包生成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的名字,那后续不通过服务器打包模式打包也将有上面集成的插件能力。