PhoneGap 1.5版本 cordova.js 简析 2(转)
原文:http://peng-jiesi.iteye.com/blog/1485347
在了解了phonegap的最基本的定义和调用的方法之后,继续看看和手机的通信部分.
在1.5之前的版本,phonegap在android的通信方式是通过js的prompt来实现的(具体其他文章有详细讲解),关键的部分由下面的几个函数组成
- PhoneGap.exec = function(success, fail, service, action, args)
- PhoneGap.callbackSuccess = function(callbackId, args)
- PhoneGap.callbackError = function(callbackId, args)
而在1.5之后,采用的往往是这种格式
- var exec = require("cordova/exec");
- exec(successCallback, errorCallback, "Accelerometer","getAcceleration", []);
首先还是从exec函数入手,分析下phonegap的通信方式,在js端的exec定义中可以看到执行命令实际只是一个简单的js的prompt函数,将调用的方法、参数等信息以字符串的方式传入。
- var r = prompt(JSON.stringify(args), "gap:"+ JSON.stringify([service,action,callbackId, true]));
在android端通过,下面的代码,劫持了字符串信息,并且通过分析最终调用到具体的服务类.
- //所在函数 org.apache.cordova.CordovaChromeClient.onJsPrompt
- if (reqOk && defaultValue != null && defaultValue.length() > 3 && defaultValue.substring(0, 4).equals("gap:")) {
- JSONArray array;
- try {
- array = new JSONArray(defaultValue.substring(4));
- String service = array.getString(0);
- String action = array.getString(1);
- String callbackId = array.getString(2);
- boolean async = array.getBoolean(3);
- String r = ctx.pluginManager.exec(service, action, callbackId, message, async);
- result.confirm(r);
- } catch (JSONException e) {
- e.printStackTrace();
- }
- }
对普通的插件而言存在两种结果
1. 异步调用,在非异常的情况下都返回""
2. 同步调用,会将结果作为json字符串传送回js端
取得结果后js端会直接放弃所有的""结果,然后分析同步结果
- // line 757 成功返回处理
- if (v.status === cordova.callbackStatus.OK) {
- if (success) {
- try {
- success(v.message);
- } catch (e) {
- console.log("Error in success callback: "
- + callbackId + " = " + e);
- }
- if (!v.keepCallback) {
- delete cordova.callbacks[callbackId];
- }
- }
- return v.message;
- }
- // line 788 失败处理
- else {
- if (fail) {
- try {
- fail(v.message);
- } catch (e1) {
- console.log("Error in error callback: "
- + callbackId + " = " + e1);
- }
- if (!v.keepCallback) {
- delete cordova.callbacks[callbackId];
- }
- }
- return null;
- }
对于同步的请求,在返回结果后会直接调用插件定义的回调函数进行处理.
而异步的请求,则需要通过android的处理,触发页面的页面的事件,然后相应.在最开始可以看到每个请求都有唯一的服务id,并且通过回调事件缓存池将方法缓存.
- var callbackId = service + cordova.callbackId++;
- if (success || fail) {
- cordova.callbacks[callbackId] = {
- success : success,
- fail : fail
- };
- }
当android的任务完成以后,会通过Plugin类的success函数返回成功结果,而这个操作实际就是向webview发起一个js请求.
- //line 157 org.apache.cordova.api.Plugin
- public void success(PluginResult pluginResult, String callbackId) {
- this.ctx.sendJavascript(pluginResult.toSuccessCallbackString(callbackId));
- }
- //line 86 org.apache.cordova.api.PluginResult
- public String toSuccessCallbackString(String callbackId) {
- return "require('cordova').callbackSuccess('"+callbackId+"',"+this.getJSONString()+");";
- }
然后通过js端的回调服务callbackSuccess来实现异步结果返回.
但是任然有部分的代码中的返回是通过特定的函数来实现,如地理位置中的返回,就仍然采用了原有的模式(因为大部分设备使用的是浏览器自带的定位,所以感觉不到问题),所以如果不做相应修改就会产生错误.
- // line 81 org.apache.cordova.GeoListener.success
- void success(Location loc) {
- String params = loc.getLatitude() + "," + loc.getLongitude() + ", " + loc.getAltitude() +
- "," + loc.getAccuracy() + "," + loc.getBearing() +
- "," + loc.getSpeed() + "," + loc.getTime();
- if (id == "global") {
- this.stop();
- }
- this.broker.sendJavascript("navigator._geo.success('" + id + "'," + params + ");");
- }