cordova入门教程(一)
一、创建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触屏事件实例
下一篇:云主机安装Python环境教程
文章
总共 0 条评论