Adobe董龍飛：PhoneGap 15Min

1、phonegap mark dong developer evangelist 始于2008年 舊金山的 iphonedevcamp “bridging the gap between the web and the iphone sdk” phonegap : its like air for the iphone (2008-9-18, nitobi blog) 1.3 released! callback更名為 apache cordova native web control 全功能瀏覽器 沒(méi)有邊框 jsnative phonegap plugin html5項(xiàng)目 phonegap.j

2、ar plugins.xml androidmanifest.xml android activity in java public class circlesactivity extends droidgap override public void oncreate(bundle savedinstancestate) super.oncreate(savedinstancestate); super.loadurl(file:/android_asset/www/index.ht ml); native wrapper with phonegap public class callspg

3、plugin extends plugin / list actions public static final string action=list; override public pluginresult execute(string action, jsonarray data, string callbackid) pluginresult result=null; if(action.equals(action) calllogai calllogai = new calllogai(ctx); jsonobject callshistory=calllogai.fetchcall

4、logs(null); log.d(result=, callshistory.tostring(); result=new pluginresult(status.ok,callshistory); else result=new pluginresult(status.invalid_action); log.d(callsplugin,invalidate action: + action); return result; java定制plugin 注冊(cè)plugin in javascript javascript接口 var callslisting=function(); calls

5、ltotype.list=function(successcallback,failurecal lback) return phonegap.exec(successcallback, failurecallback, callshistoryplugin, list,test ); ; phonegap.addconstructor(function() phonegap.addplugin(callslisting,new callslisting); ); window.plugins.callslisting.list( function(r)printresul

6、t(r), function(e)console.log(e) ); javascript 調(diào)用plugin 小結(jié) window.plugins.callslisting.list( function(r)printresult(r), function(e)console.log(e) ); callsltotype.list=function(successcallback,fa ilurecallback) return phonegap.exec(successcallback, failurecallback, callshistoryplugin, list,t

7、est); ; public class callspgplugin extends plugin / list actions public static final string action=list; override public pluginresult execute(string action, jsonarray data, string callbackid) android callbackserver：xmlhttprequestsever webchromclient： onjsprompt addjavascriptinterface callbackserver：

8、xmlhttprequestsever webchromclient： 覆蓋onjsprompt from js to native from native to js callsltotype.list=function(successcallback,failurecallback) return phonegap.exec(successcallback, failurecallback, callshistoryplugin, list,test); ; phonegap.exec = function(success, fail, service, action,

9、 args) var r = prompt(json.stringify(args), gap:+json.stringify(service, action, callbackid, true); droidgap.java public boolean onjsprompt(webview view, string url, string message, string defaultvalue, jspromptresult result) string r = pluginmanager.exec(service, action, callbackid, message, async)

10、; pluginmanager.java public string exec(final string service, final string action, final string callbackid, final string jsonargs, final boolean async) cr = plugin.execute(action, args, callbackid); ctx.sendjavascript(cr.toerrorcallbackstring(callbackid); pluginmanager.java ctx.sendjavascript(cr.toerrorcallbackstring(callbac kid); callbackserver.java ： xhr server phonegap.channel.join(function() / start listening for xhr callbacks settimeout(function() if (phonegap.usepolling) phonegap.jscallbackpolling(); ios js到native的通訊 document.location = “gap:/class.metho