《移动开发.ppt》由会员分享,可在线阅读,更多相关《移动开发.ppt(47页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、web开发者开发者如何开发手机应用?袁锡 心中有座围城新浪移动云为什么要学习移动开发为什么要学习移动开发?世界都在移动化世界都在移动化设备在移动设备在移动开发商布局在移动化开发商布局在移动化用户需求也在移动化用户需求也在移动化利用移动设备访问的时间超过利用移动设备访问的时间超过PC移动互联网一定是必然趋势如何开发手机应用如何开发手机应用?what makes an iphone app?常规方法常规方法特定语言针对于的某个平台开发的应程序特定语言针对于的某个平台开发的应程序Native appObjective-CipaiosappJavaandroid Frameworksapkandroi
2、d appC#WPFrameworksxapwpappios FrameworksIphoneSymbianWindows MobileJava MeC+.Net CompactBlackBerryCPalmAndroidipadWeb OSapple app storeNokia storeAndroid playC#S60object-cXcodeEclipseS40其他平台其他平台ios Appandroid appwp appGeneric code新方法新方法ios Appandroid appwp appHTML5+CSS+JSweb语言技术基于浏览器开发跨平台的应用语言技术基于浏
3、览器开发跨平台的应用Web appNative app VS.Web app本地能力本地能力成本成本高高低低依赖性依赖性基于平台基于平台浏览器浏览器性能性能高高低低发布发布更新更新build打包打包云端云端Hybrid apphybrid app packages a web app into a native app吸引者吸引者15,000+hybird app in the App StoreBridging the gap between web and mobile device web appHTML5CSSJavaScriptAndroidNative APIsSymbianios
4、iosblackblackBerryBerryweb osweb osetc.etc.phoneGap使用HTML5、CSS3、JavaScript技术构建跨平台跨平台APPphoneGap 跨平台跨平台能够访问本地功能本地功能摄像头重力感应GPS电话本照片库本地通知设备信息phoneGap 本地功能本地功能jsjsjsjsjsjsjs通过 phoneGap buildingphoneGap 打包打包不提供不提供UI设计解决方案设计解决方案不具备服务端不具备服务端不支持设备调试不支持设备调试 打包付费打包付费不帮助开发者销售推广不帮助开发者销售推广.未知未知新浪移动云计算开发平台新浪移动云计算
5、开发平台简单简单快速快速低成本低成本产生产生Hybrid app流水线流水线.组成与特点组成与特点永远免费低门槛高效率提供运营支持除了本地接口调用以外的支持应用商店云窗调试器为开发者提供最大的支持与帮助创建调试打包机打包跨平台发布创建应用创建应用代码模版代码模版服务端服务端数据库数据库Rest APIOAuth认证phonegap-plugins调试工具调试工具能够直观的查看界面效果和实际运行环境,并且可以调用手机本地功能云端调试云端调试实时查看实时查看一键安装一键安装在线跟踪在线跟踪智能菜单智能菜单自动获取自动获取应用打包应用打包将web app 变成 Hybird app打包成安装文件可以
6、发布到 应用商店新浪移动云计算开发平台原理新浪移动云计算开发平台原理clientclient调试器调试器ServerServerSAE访问复制打包机clientapkipa打包.hybrid基于新浪移动云开发移动应用新浪移动云刘蕾 草丁2012.05.1229默认模版默认模版+服务器端Tab应用模版Tab应用+服务器模版社交应用模版微博模版不使用模版创建应用SAESVN+IDEPhoneGapCoding云窗调试器各种浏览器模拟器/真实设备:安装包移动端调试apk文件android平台ipa文件iOS平台打包推广Whatever U Want应用模版提供了哪些方便?怎么去调试、测试打包效果?打
7、包选项设置怎么调用本地设备接口?30 1 1、应用模版提供了哪些方便?、应用模版提供了哪些方便?2 2、怎么通过、怎么通过JSJS调用本地设备接口?调用本地设备接口?3 3、移动端调试、移动端调试4 4、打包选项设置、打包选项设置DEMO311、应用模版提供了哪些方便?32Mobile Boilerplatehttp:/ ServerLazyMobile模版http:/ APIUIWebView|JavaScriptPhoneGap frameworkphonegap.jsNative APIPhoneGap frameworkWebView|JavaScriptHTML|JavaScript
8、2、怎么通过JS调设备本地接口?402、怎么通过JS调设备本地接口?注入注入phonegap.jsphonegap标标签是否存在签是否存在将对应平台的将对应平台的phonegap.js置入源文件中置入源文件中phonegap标标签是否存在签是否存在YESYES云窗调试器打包文件HTML文件文件NONO41PhoneGap API 文档:http:/ 源码:https:/git-wip-us.apache.org/repos/asf移动云插件API文档:http:/ onSuccess(contacts)alert(共搜到+contacts.length+位联系人.);function onEr
9、ror(message)alert(onError:+message);var options=new ContactFindOptions();options.filter=张;var fields=”name,”phoneNumbers”,”emails”;navigator.service.contacts.find(fields,onSuccess,onError,options);Contacts获取通讯录2、怎么通过JS调设备本地接口?43UI布局调试本地设备接口测试云端实时调试打包后一键安装测试3、移动端调试44Android平台iOS平台图标32x32,48x48,72x7257x57,114x114分辨率(启动画面)240 x320,320 x480,480 x800320 x480,640 x960包名com.sinaapp.SAE$二级域名打包目录/client(可选)生成文件apkipa*4、打包选项设置45DEMODEMO个人通讯录云端备份个人通讯录云端备份46Thank you!Q&A谢谢观赏WPS OfficeMake Presentation much more funWPS官方微博kingsoftwps
限制150内