一、创建cordova项目执行命令:

//全局安装cordova命令行工具
npm install -g cordova
 
//创建项目
cordova create hello com.example.hello HelloWorld

cd hello

//执行这步之前需要安装android studio  android sdk 并且配置好相应的环境变量,最好是最新版,不然可能版本对不上
cordova platform add android@latest --save

//检查环境,不能有报错
cordova requirements

cordova build

//手机上运行
cordova run android

//添加cordova插件,可以是名称ID或者插件的路径
cordova plugin add cordova-plugin-camera

二、Cordova 制作插件:

//安装plugman
npm install -g plugman

//创建插件
plugman create --name MiPlugin --plugin_id cordova-plugin-mi --plugin_version 1.0.0

//修改plugin.xml中的内容如
source-file src=“src/android/MyMath.java” target-dir=“src/SimpleMath/MyMath”

source-file src=“src/android/MyMath.java” target-dir=“src/SimpleMath”
主要是为了包名和类名要和
param name=“android-package” value=“SimpleMath.MyMath”
中的对的上

//生成package.json
npm init

//安装本地插件
cordova plugin add 本地路径

三、Cordova 插件调用:

//cordova_plugins.js   插件里面配置的  clobbers
{
 "id": "co.banpad.test_tecno.hello",
 "file": "plugins/co.banpad.test_tecno/www/hello.js",
 "pluginId": "co.banpad.test_tecno",
 "clobbers": [
   "hello"
 ]
}
// hello.js
cordova.define("co.banpad.test_tecno.hello", function(require, exports, module) {
/*global cordova, module*/

module.exports = {
   greet: function (name, successCallback, errorCallback) {
       cordova.exec(successCallback, errorCallback, "Hello", "greet", [name]);
   }
};

});

则调用方法为,hello.greet(name, successCallback, errorCallback)


上一篇:VUX触屏事件实例

下一篇: