Cordova 开发属于自己的插件

时间:2021-09-06 20:48:19

一、环境搭建
安装jre、node.js、Git
配置Path环境变量:Android-SDK、Ant

二、环境命令
cordova安装 npm install -g cordova
cordova卸载 npm uninstall cordova -g
更新Cordova版本 npm update cordova -g
查看Cordova的基本信息 npm info cordova
安装指定版本的Cordova npm install -g cordova@4.0.0
创建cordova工程 cordova create hello com.lzy.helloworld helloapp
#hello 是文件夹的名称;om.lzy.helloworld 是app id, helloapp是应用名称
添加android平台 cordova platform add android
查看插件 cordova plugin list
添加插件 cordova plugin add #git 的地址
移除插件 cordova plugin remove #插件名称
编译 cordova build android/cordova build android –release
运行 cordova run android

导入eclipse 此时项目应该会报错,MainActivity项目中找不到MainActivity-CordovaLib中已经定义的CordovaActivity类,这需要在MainActivity项目中引用一下MainActivity-CordovaLib,具体做法是在MyAPP项目属性中的Java Build Path的Source标签页点击Add Folder,指向MainActivity-CordovaLib\src目录即可。

三、md5加密实例
1.工程结构
Cordova 开发属于自己的插件
platforms 是我们应用支持的平台目录,plugins 是我们安装的插件目录,config.xml 是应用的配置信息(应用名称、描述等),www 是我们的 web 工程目录。
2.创建一个插件工程
Cordova 开发属于自己的插件
这里的 src 对应不同的平台,www 放我们的 javascript 文件,plugin.xml 是插件的配置文件。
Cordova 开发属于自己的插件
Cordova 开发属于自己的插件

继承了 CordovaPlugin 类,并重写 execute 方法,使用 action 来判断我们在 javascript 中调用的方法名,成功的话调用callbackContext.success(message),失败调用 callbackContext.error(message) 方法,分别对应 javascript 文件中的success 和 error 回调函数。
Cordova 开发属于自己的插件
3.执行添加插件命令:
cordova plugin add #目录名称,也可以是 git 的地址
4.前台调用:
deppon.str2MD5(str, function(success) {}, function(err) {});

四、问题
1.gradle-2.2.1-all.zip下不下来–>多下几次或者手工下载放到指定目录
2.sdk和cordova的版本不符–>修改AndroidManifest.xml和project.properties文件
3.下载不畅–>使用淘宝的国内镜像
npm install -g cnpm –registry=https://registry.npm.taobao.org
4.Console命令

命令级别
console.log('str');
console.info('str');
console.error('str');
console.warn('str');
格式化
console.log("%d年%d月%d日",2016,8,26);
分组
console.group("group1");
console.log("group1:log1");
console.log("group1:log2");
console.groupEnd();
console.group("group2");
console.log("group2:log1");
console.log("group2:log2");
console.groupEnd();
查看对象信息
var info = {name:"lzy", age:25,};
console.dir(info);
查看DOM信息
var info = document.getElementById('info');
console.dirxml(info);
判断变量是否为真
console.assert(result==10);
追踪函数的调用轨迹
console.trace();
代码的运行时间
console.time("计时器start");
......
console.timeEnd("计时器end");
性能分析
console.profile('性能分析器');
......
console.profileEnd();

5.adb Andorid Debug Bridge
Client端 用来发送adb命令;
Deamon守护进程, 运行在调试设备中;
Server端, 管理PC中的Client端和手机的Deamon之间的通信.
常用命令:

adb devices //列出当前连接的调试设备
adb logcat //打印日志
adb install/uninstall //安装(apk文件路径)卸载(apk包名)
adb pull/push //调试设备和开发PC之间拷贝文件【/sdcard/】
adb start/kill-server //启动/杀死adb的Server端进程.

Cordova 开发属于自己的插件
adb shell 进入调试设备的shell界面
通过wifi进行远程连接手机进行调试:adb connect/disconnect 手机IP:port[需要打开手机上的adb服务]。
通过连上usb开启远程调试模式进行调试。

adb shell am start <intent>//根据intent指向启动Activity
adb shell am force-stop <Package>//杀死该包相关的所有进程
adb shell pm list packages //包名
adb shell pm list permissions //权限
adb shell pm list features //功能
adb shell screencap /sdcard/screen.png //截屏
adb shell screenrecord //录屏
adb shell dumpsys //输出window, activity, cpuinfo, wifi信息
adb shell input keyevent 26 //点亮/关闭屏幕
adb shell input keyevent 82 //解锁屏幕

Cordova 开发属于自己的插件