如何开发手机应用资料

web开发者如何开发手机应用?袁锡

新浪移动云为什么要学习移动开发?世界都在移动化设备在移动开发商布局在移动化用户需求也在移动化利用移动设备访问的时间超过PC移动互联网一定是必然趋势如何开发手机应用?whatmakesaniphoneapp？常规方法特定语言针对于的某个平台开发的应程序NativeappObjective-CipaiosappJavaandroidFrameworksapkandroidappC#WPFrameworksxapwpappiosFrameworksIphoneSymbianWindowsMobileJavaMeC++.NetCompactBlackBerryCPalmAndroidipadWebOSappleappstoreNokiastoreAndroidplayC#S60object-cXcodeEclipseS40其他平台iosAppandroidappwpappGenericcode新方法iosAppandroidappwpappHTML5+CSS+JSweb语言技术基于浏览器开发跨平台的应用WebappNativeappVS.Webapp本地能力成本高低依赖性基于平台浏览器性能高低发布更新build打包云端✔✔✔Hybridapphybridapppackagesawebappintoanativeapp吸引者>15,000+hybirdappintheAppStoreBridgingthegapbetweenwebandmobiledevicewebappHTML5CSSJavaScriptAndroidNativeAPIsSymbianiosblackBerrywebosetc...phoneGap使用HTML5、CSS3、JavaScript技术构建跨平台APPphoneGap跨平台能够访问本地功能摄像头重力感应GPS电话本照片库本地通知设备信息phoneGap本地功能jsjsjsjsjsjsjs通过

phoneGapbuildingphoneGap打包不提供UI设计解决方案不具备服务端不支持设备调试

打包付费不帮助开发者销售推广未知新浪移动云计算开发平台简单快速低成本产生Hybridapp流水线...组成与特点永远免费低门槛高效率提供运营支持除了本地接口调用以外的支持应用商店云窗调试器为开发者提供最大的支持与帮助创建调试打包机打包跨平台发布创建应用代码模版服务端数据库RestAPIOAuth认证phonegap-plugins调试工具能够直观的查看界面效果和实际运行环境，并且可以调用手机本地功能云端调试实时查看一键安装在线跟踪智能菜单自动获取应用打包将webapp变成Hybirdapp打包成安装文件可以发布到

应用商店新浪移动云计算开发平台原理client调试器ServerSAE访问复制打包机clientapkipa打包...hybrid基于新浪移动云

开发移动应用新浪移动云刘蕾@草丁2012.05.1229默认模版默认模版+服务器端Tab应用模版Tab应用+服务器模版社交应用模版微博模版……不使用模版创建应用SAESVN+IDEPhoneGap⋯⋯Coding云窗调试器各种浏览器模拟器/真实设备：安装包⋯⋯移动端调试apk文件[android平台]ipa文件[iOS平台]⋯⋯打包推广WhateverUWant应用模版提供了哪些方便？怎么去调试、测试打包效果？打包选项设置怎么调用本地设备接口？301、应用模版提供了哪些方便？2、怎么通过JS调用本地设备接口？3、移动端调试4、打包选项设置DEMO311、应用模版提供了哪些方便？32MobileBoilerplate/mobile针对移动Web优化的HTML5空白模版1、应用模版提供了哪些方便？33LazyMobile模版/p/lazymobile/基于Tab/List页的移动应用模版1、应用模版提供了哪些方便？34LazyRest/lazyrest/可以通过Web页面快速配置的RestServerLazyMobile模版/p/lazymobile/基于Tab/List页的移动应用模版1、应用模版提供了哪些方便？3536oPath社交模版/p/o-path//2011/12/30/how-to-build-a-path-like-app-using-html5-and-phonegap/HTML5+PhoneGap社交应用1、应用模版提供了哪些方便？37简微——微博模版/2012/04/18/build-a-weibo-client-using-phonegap/HTML5+SAE移动云PhoneGap插件

1、应用模版提供了哪些方便？38PhoneGap（Cordova）2、怎么通过JS调设备本地接口？39NativeAPIUIWebView|JavaScriptPhoneGapframeworkphonegap.jsNativeAPIPhoneGapframeworkWebView|JavaScriptHTML|JavaScript✔2、怎么通过JS调设备本地接口？402、怎么通过JS调设备本地接口？<phonegap></phonegap>注入phonegap.jsphonegap标签是否存在将对应平台的phonegap.js置入源文件中phonegap标签是否存在YESYES云窗调试器打包文件HTML文件NONO41PhoneGapAPI文档:/?page_id=402PhoneGap源码:/repos/asf移动云插件API文档：/?m=devcenter&catId=252Accelerometer三轴加速Camera相机/相册Capture音视频采集Compass指南针Connection网络连接状态Contacts通讯录Device设备描述信息Events应用生命周期状态File本地文件及目录Geolocation地理位置Media录制/回放音频Notification本地通知StorageSQL数据库……Weibo微博ImageFilter图像滤镜*2、怎么通过JS调设备本地接口？IFTRecognizer讯飞语音识别*42functiononSuccess(contacts){ alert(’共搜到‘+contacts.length+’

位联系人.');}functiononError(message){ alert('onError:’+message);}varoptions=newContactFindOptions();options.filter="张";varfields=[”name",”phoneNumbers”,”emails”];navigator.service.contacts.find(fields,onSuccess,onError,options);Contacts获取通讯录2、怎么通过JS调设备本地接口？43UI布局调试本地设备接口测试云端实时调试打包后一键安装测试3、移动端调试44Android平台iOS平台图标32x32,48x48,72x7257x57,114x114分辨率(启动画面)240x320,320x480,480x800320