关于PhoneGap你应该知道的12件事（12 things you should know about PhoneGap)

ܱႿ1IPOF(BQ֥ࡱ൙ Mark Dong ׬੃٦ Adobe Developer Evangelist weibo.com/donglongfei weibo.com/javascriptdev

1IPOF(BQ൞൉હĤ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

٠໙၍׮ഡСЧֹหྟ յЇ)5.-"QQ ҆ඇ֞؟ᇕ௜෻ QIPOF(BQQMVHJO Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

1IPOF(BQ҂൞൉હĤ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

+BWB4DSJQU 'SBNFXPSL *%&5PPMT Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

ఏჷ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

!  ൓Ⴟ୍ࣸࣁ೶֥ J1IPOF%FW$BNQ !  oCSJEHJOHUIFHBQ CFUXFFOUIFXFCBOEUIF JQIPOF4%,p ! 1IPOF(BQJUnTMJLF"*3 GPSUIF*QIPOF
/JUPCJCMPH Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

1IPOF(BQᄝ҂๝௜෻֥Чֹหྟ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

षჷĤ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

$BMM#BDL ۷଀ູ "QBDIF$PSEPWB Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

http://incubator.apache.org/cordova/

յЇ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

ᆌؓ҂๝௜෻֥*%& 4%, Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

PhoneGap Build Compile in the cloud Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

٠໙Чֹۿି

൉હ൞1IPOF(BQ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

+4 /BUJWF Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

/BUJWF8FC$POUSPM 1MVHJOT ''* JavaScript/CSS/HTML5 Not Web Tech Adobe 董龙飞 weibo.com/donglongfei
weibo.com/javascriptdev

/BUJWF8FC$POUSPM #SPXTFSğGVMMGVODUJPOT $ISPNFSFNPWFE /PUPQCBS

''* 'PSFJHO'VODUJPO*OUFSGBDF Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

/BUJWF8FC7JFX 1IPOF(BQ1MVHJOT .PCJMF04 /BUJWF"1* )BSEXBSF Ԯۋఖ ๭ྙԩ৘ ຩ઎
l 8FC"QQ +BWB4DSJQU $44 )5.- FFI 浏览器 OS API OS API 1IPOF(BQ"QQ

1IPOF(BQࡏܒ .PCJMF04 8FC"QQ )5.- +BWB4DSJQU $44 /BUJWF8FC7JFX 8FC7JFXa6*8FC7JFXl
1IPOF(BQ1MVHJOT ജཞ๨ ᄎ׮Ԯۋఖ ᆷଲᆌ ഡСྐ༏ (14 ๙ᆩ ຩ઎ሑ෿ l קᇅQMVHJO HTML5 API PhoneGap JS API OS API OS API PhoneGap Native API

/BUJWF8FC$POUSPM ಆۿିᛍফఖ ીႵшॿ

public class CirclesActivity extends DroidGap { @Override public void onCreate(Bundle
savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/ www/circles.html"); } } /BUJWF8SBQQFSXJUI1IPOF(BQ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

QMVHJO

)5.-ཛଢ QIPOFHBQKBS QMVHJOTYNM "OESPJE.BOJGFTUYNM BOESPJEBDUJWJUZ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

In Java

public class callsPGPlugin extends Plugin { // List Actions public
static nal 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.fetchCallLogs(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 Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

ᇿҨplugin <?xml version="1.0" encoding="UTF-8"?> <plugins> <plugin name="App" value="com.phonegap.App"/> <plugin name="Geolocation"
value="com.phonegap.GeoBroker"/> <plugin name="Device" value="com.phonegap.Device"/> …… <plugin name="Temperature" value="com.phonegap.TempListener"/> <plugin name="FileTransfer" value="com.phonegap.FileTransfer"/> <plugin name="Capture" value="com.phonegap.Capture"/> <plugin name="CallsHistoryPlugin" value="com.mark.phonegap.plugin.callsPGPlugin" /> </plugins> Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

In JavaScript Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

+BWBTDSJQUࢤ१ var CallsListing=function(){}; CallsListing.prototype.list=function(successCallback,failureCallback){ return PhoneGap.exec(successCallback, failureCallback, 'CallsHistoryPlugin', 'list',['test'] );
}; PhoneGap.addConstructor(function(){ PhoneGap.addPlugin("callsListing",new CallsListing); });

window.plugins.callsListing.list( function(r){printResult(r)}, function(e){console.log(e)} ); ൐ႨᆀטႨplugin +BWBTDSJQUࢤ१

ཬࢲ

ೂޅൌགྷ+4აЧֹ"1*֥ࢌ޺

"OESPJE

$BMMCBDL4FSWFSğ9NM)UUQ3FRVFTUTFWFS 8FC$ISPN$MJFOUğonJsPrompt BEE+BWB4DSJQU*OUFSGBDF

$BMMCBDL4FSWFSğ9NM)UUQ3FRVFTUTFWFS 8FC$ISPN$MJFOUğڭۂonJsPrompt 'SPN+4UP/BUJWF 'SPN/BUJWFUP+4

CallsListing.prototype.list=function(successCallback,fai lureCallback){ return PhoneGap.exec(successCallback, failureCallback, 'CallsHistoryPlugin', 'list',['test’]); }; PhoneGap.exec =
function(success, fail, service, action, args) { … var r = prompt(JSON.stringify(args), "gap:"+JSON.stringify([service, action, callbackId, true])); … +BWBTDSJQU Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

Droidgap.java public boolean onJsPrompt(WebView view, String url, String message, String
defaultValue, JsPromptResult result) { …… String r = pluginManager.exec(service, action, callbackId, message, async); …… } Pluginmanager.java public String exec( nal String service, nal String action, nal String callbackId, nal String jsonArgs, nal boolean async) { …… cr = plugin.execute(action, args, callbackId); ctx.sendJavascript(cr.toErrorCallbackString(callbackId)); …… } +BWB

Pluginmanager.java ctx.sendJavascript(cr.toErrorCallbackString(callbackId)); $BMMCBDL4FSWFSKBWBğ9)3TFSWFS PhoneGap.Channel.join(function() { // Start listening for XHR
callbacks setTimeout(function() { if (PhoneGap.UsePolling) { PhoneGap.JSCallbackPolling(); } l +BWBTDSJQU +BWB

+4֞/BUJWF֥๙࿟ document.location = “gap://Class.method/args” /BUJWF֞+4֥๙࿟ UIWebView.stringByEvaluatingJavaScriptFromString webView =[[UIWebView alloc] initWithFrame:webViewBounds];
ൌ২߄6*8FC7JFX Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

XFJOSF

8FJOSF஥ᇂູ4FSWFSđ षؿᆀ൐Ⴈ$ISPNF 4BGBSJषؿ۽ऎটჹӱט ൫၍׮ႋႨ Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

1IPOF(BQ%FCVH4FSWFS Adobe 董龙飞 weibo.com/donglongfei weibo.com/javascriptdev

ਫ਼ཌ๭

9 1FSGPSNBODF 8$DPNQBUJCMFđၞႨྟ $BMFOEBS .FTTBHFđ#MVFUPPUIđ"VEJP7JEFP

Mark Dong Developer Evangelist [email protected] weibo.com/donglongfei weibo.com/javascriptdev

关于PhoneGap你应该知道的12件事 （12 things you should know...

关于PhoneGap你应该知道的12件事 （12 things you should know about PhoneGap)

More Decks by dong

Other Decks in Technology

Featured

Transcript

关于PhoneGap你应该知道的12件事（12 things you should know...

关于PhoneGap你应该知道的12件事（12 things you should know about PhoneGap)