当前位置: 代码迷 >> JavaScript >> PhoneGap 1.5版本 cordova.js 简析 二
  详细解决方案

PhoneGap 1.5版本 cordova.js 简析 二

热度:652   发布时间:2012-07-04 19:33:55.0
PhoneGap 1.5版本 cordova.js 简析 2
在了解了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 + ");");
	}

  相关解决方案