如何開發(fā)手機(jī)應(yīng)用資料

web開發(fā)者如何開發(fā)手機(jī)應(yīng)用?袁錫

新浪移動云為什么要學(xué)習(xí)移動開發(fā)?世界都在移動化設(shè)備在移動開發(fā)商布局在移動化用戶需求也在移動化利用移動設(shè)備訪問的時間超過PC移動互聯(lián)網(wǎng)一定是必然趨勢如何開發(fā)手機(jī)應(yīng)用?whatmakesaniphoneapp？常規(guī)方法特定語言針對于的某個平臺開發(fā)的應(yīng)程序NativeappObjective-CipaiosappJavaandroidFrameworksapkandroidappC#WPFrameworksxapwpappiosFrameworksIphoneSymbianWindowsMobileJavaMeC++.NetCompactBlackBerryCPalmAndroidipadWebOSappleappstoreNokiastoreAndroidplayC#S60object-cXcodeEclipseS40其他平臺iosAppandroidappwpappGenericcode新方法iosAppandroidappwpappHTML5+CSS+JSweb語言技術(shù)基于瀏覽器開發(fā)跨平臺的應(yīng)用WebappNativeappVS.Webapp本地能力成本高低依賴性基于平臺瀏覽器性能高低發(fā)布更新build打包云端???Hybridapphybridapppackagesawebappintoanativeapp吸引者>15,000+hybirdappintheAppStoreBridgingthegapbetweenwebandmobiledevicewebappHTML5CSSJavaScriptAndroidNativeAPIsSymbianiosblackBerrywebosetc...phoneGap使用HTML5、CSS3、JavaScript技術(shù)構(gòu)建跨平臺APPphoneGap跨平臺能夠訪問本地功能攝像頭重力感應(yīng)GPS電話本照片庫本地通知設(shè)備信息phoneGap本地功能jsjsjsjsjsjsjs通過

phoneGapbuildingphoneGap打包不提供UI設(shè)計解決方案不具備服務(wù)端不支持設(shè)備調(diào)試

打包付費(fèi)不幫助開發(fā)者銷售推廣未知新浪移動云計算開發(fā)平臺簡單快速低成本產(chǎn)生Hybridapp流水線...組成與特點(diǎn)永遠(yuǎn)免費(fèi)低門檻高效率提供運(yùn)營支持除了本地接口調(diào)用以外的支持應(yīng)用商店云窗調(diào)試器為開發(fā)者提供最大的支持與幫助創(chuàng)建調(diào)試打包機(jī)打包跨平臺發(fā)布創(chuàng)建應(yīng)用代碼模版服務(wù)端數(shù)據(jù)庫RestAPIOAuth認(rèn)證phonegap-plugins調(diào)試工具能夠直觀的查看界面效果和實(shí)際運(yùn)行環(huán)境，并且可以調(diào)用手機(jī)本地功能云端調(diào)試實(shí)時查看一鍵安裝在線跟蹤智能菜單自動獲取應(yīng)用打包將webapp變成Hybirdapp打包成安裝文件可以發(fā)布到

應(yīng)用商店新浪移動云計算開發(fā)平臺原理client調(diào)試器ServerSAE訪問復(fù)制打包機(jī)clientapkipa打包...hybrid基于新浪移動云

開發(fā)移動應(yīng)用新浪移動云劉蕾@草丁2012.05.1229默認(rèn)模版默認(rèn)模版+服務(wù)器端Tab應(yīng)用模版Tab應(yīng)用+服務(wù)器模版社交應(yīng)用模版微博模版……不使用模版創(chuàng)建應(yīng)用SAESVN+IDEPhoneGap??Coding云窗調(diào)試器各種瀏覽器模擬器/真實(shí)設(shè)備：安裝包??移動端調(diào)試apk文件[android平臺]ipa文件[iOS平臺]??打包推廣WhateverUWant應(yīng)用模版提供了哪些方便？怎么去調(diào)試、測試打包效果？打包選項(xiàng)設(shè)置怎么調(diào)用本地設(shè)備接口？301、應(yīng)用模版提供了哪些方便？2、怎么通過JS調(diào)用本地設(shè)備接口？3、移動端調(diào)試4、打包選項(xiàng)設(shè)置DEMO311、應(yīng)用模版提供了哪些方便？32MobileBoilerplate/mobile針對移動Web優(yōu)化的HTML5空白模版1、應(yīng)用模版提供了哪些方便？33LazyMobile模版/p/lazymobile/基于Tab/List頁的移動應(yīng)用模版1、應(yīng)用模版提供了哪些方便？34LazyRest/lazyrest/可以通過Web頁面快速配置的RestServerLazyMobile模版/p/lazymobile/基于Tab/List頁的移動應(yīng)用模版1、應(yīng)用模版提供了哪些方便？3536oPath社交模版/p/o-path//2011/12/30/how-to-build-a-path-like-app-using-html5-and-phonegap/HTML5+PhoneGap社交應(yīng)用1、應(yīng)用模版提供了哪些方便？37簡微——微博模版/2012/04/18/build-a-weibo-client-using-phonegap/HTML5+SAE移動云PhoneGap插件

1、應(yīng)用模版提供了哪些方便？38PhoneGap（Cordova）2、怎么通過JS調(diào)設(shè)備本地接口？39NativeAPIUIWebView|JavaScriptPhoneGapframeworkphonegap.jsNativeAPIPhoneGapframeworkWebView|JavaScriptHTML|JavaScript?2、怎么通過JS調(diào)設(shè)備本地接口？402、怎么通過JS調(diào)設(shè)備本地接口？<phonegap></phonegap>注入phonegap.jsphonegap標(biāo)簽是否存在將對應(yīng)平臺的phonegap.js置入源文件中phonegap標(biāo)簽是否存在YESYES云窗調(diào)試器打包文件HTML文件NONO41PhoneGapAPI文檔:/?page_id=402PhoneGap源碼:/repos/asf移動云插件API文檔：/?m=devcenter&catId=252Accelerometer三軸加速Camera相機(jī)/相冊Capture音視頻采集Compass指南針Connection網(wǎng)絡(luò)連接狀態(tài)Contacts通訊錄Device設(shè)備描述信息Events應(yīng)用生命周期狀態(tài)File本地文件及目錄Geolocation地理位置Media錄制/回放音頻Notification本地通知StorageSQL數(shù)據(jù)庫……Weibo微博ImageFilter圖像濾鏡*2、怎么通過JS調(diào)設(shè)備本地接口？IFTRecognizer訊飛語音識別*42functiononSuccess(contacts){ alert(’共搜到‘+contacts.length+’

位聯(lián)系人.');}functiononError(message){ alert('onError:’+message);}varoptions=newContactFindOptions();options.filter="張";varfields=[”name",”phoneNumbers”,”emails”];navigator.service.contacts.find(fields,onSuccess,onError,options);Contacts獲取通訊錄2、怎么通過JS調(diào)設(shè)備本地接口？43UI布局調(diào)試本地設(shè)備接口測試云端實(shí)時調(diào)試打包后一鍵安裝測試3、移動端調(diào)試44Android平臺iOS平臺圖標(biāo)32x32,48x48,72x7257x57,114x114分辨率(啟動畫面)240x320,320x480,480x800320