天翼空间专家讲坛第7期回顾：移动应用开发模式（含资料下载）

在5月31日，由天翼空间·开发者工厂主办，InfoQ协助策划的第七期专家讲坛活动上，自由软件开发者张圣勇（ @ 神秘的大厨）向大家分享了在WebApp开发中的一些经验，并介绍了基于HTML5的移动开发框架——Sencha Touch。

移动应用开发模式（讲稿下载）

张圣勇首先提到了移动互联网的现状：

目前的现状既是终端之争，也是应用之争，但最重要的还是要有关键应用。

张圣勇指出WebApp是天然的移动互联网应用，目前用的较广的是HTML+CSS+JavaScript组合，随着HTML5技术逐渐成熟，势必会升级为HTML5+CSS3+JavaScript的技术形态，但最终，JavaScript才是技术的关键。他列举了目前较常用的三款JavaScript框架：JQuery、Sencha和Bindows。

在问答环节，张圣勇回答了一些网友的提问，详细信息如下：

问：手机WebApp是什么？需要用什么语言开发？
答：所谓WebApp，顾名思义，它是运行在Web Server上的App，但是每一个应用都符合Bundles约束，即运行在一个Package里面，在Web Server上表现为在一个单独的Path里，可以自由的部署和删除。所有的网站都可以称为WebApp，这里所讲的WebApp更偏重于在手机上的应用，主要使用HTML/HTML5+CSS/CSS3+JavaScript语言开发。

问：假如我写完了一个Web项目，如何打包？能在移动端拥有一个独立的程序入口？通过什么技术可以实现呢？
答：怎么打包，要看使用什么样的Webserver环境，比如说使用的Tomcat，以Eclipse为IED开发工具，可以使用Eclipse带的打包工具，制作成War包，也可以自己将Webroot下的文件压缩成Zip文件，然后将Zip后缀修改成War，然后放在Tomcat的WebApps下即可。在移动端拥有一个独立入口可以使用JS技术或者在服务端获取user-agent信息判断是否手机，如果是手机 将页面Direct 到手机用页面。

问：手机Web应用和PC Web应用在开发上最大的区别是什么？
答：手机Web应用需要技术的掌控更强一些，最大的区别在于要考虑屏幕的问题，以及处理效率问题。

问：手机WebApp目前主流开发技术是什么？您能介绍一下HTML5 在移动手持这方面有哪些优势吗？
答：要看实际项目的需求，像企业应用可以选择Sencha Touch框架，自由开发可以使用jQuery等，jQuery的插件也很丰富能够满足不同的需要。

问：时下HTML5 在开发社区越来越热，但是作为一个初学者完全看不出HTML5和传统WAP相比有什么优势？
答：HTML5比HTML多了更多的选择，像对Media、Audio的支持，以及OpenGL的支持。HTML5和Wap有本质区别，Wap是有专门标签的。

问：云应用不是关键应用，是不是仅仅不受大家欢迎？
答：准确的说应该现有的一些云应用，还不能解决实际的应用问题。

问：手机WebApp现在是用的哪些技术在开发！手机WebApp与PC Web的区别与联系。
答：主要使用的是JS，jQuery框架等Sencha Touch 框架也逐渐为大家使用。

问：HTML5做出来的网站怎么用服务器脚本？比如说网站是Servlet做的服务器后台。能和JSP混合写网页吗？和传统HTML一样吗？
答：离线的WebApp应用主要是使用了Web2.0的AJax技术，可以异步的与Servelet通讯，可以JSP混合写页面，JSP最后到Browser的也是HTML内容。

问：一般的应用流量是多少，就是到客户端要下载多大？
答：JS应该控制在300~500K左右，太大下载时间就会比较长，用户体验不好。

问：手机上WebApp应用跟浏览器联系紧密，需要考虑哪些问题？
答：需要考虑的就是Browser对JS以及HTML5、CSS3的支持问题，毕竟不同用户的手机会有差异，当做大众应用的时候，可以适当放弃一些低端用户，看手机的使用趋势，争取大众用户。

问：Sencha里面支持HTML5吗？
答：支持，而且得到了很好的支持，Sencha Touch支持iOS、Android、Webos、Blackberry等手机OS。

问：Win8上可以直接支持HTML5+CSS3+JS.请问开发的Web APP是否可以直接在Win8上使用，如果要该，改动的大吗？
答：应该可以直接在Win8上使用，不需要做大的改动。

问：目前各手机平台中的 浏览器对HTML5支持度怎么样?
答：iOS支持度最好，Android其次，不过据说Android4.0之后会移植Chrome浏览器，支持会更好！

问：X-拼图源代码可以在Eclipse里面编译和打包吗？
答：不可用，需要命令行或者编写一个批处理文件来完成打包工作即可。

问：将X-拼图代码打包用的软件英文名是什么？
答：Sencha sdk tools，可以从http://sencha.com上下载。

问：您提供的那个传说中的打包程序到底是做什么用的？如果只是打包的话好像也没什么作用嘛，比如我做Android开发的话打包APK的话不是用Eclipse就可以简单打出APK？
答：这个打包工具可以实现，CSS的优化、多个JS文件的合并优化、压缩、混淆、以及将WebApp生成Android APK文件，以及生成iOS应用iPA文件。

问：WebApp能启动或停止一个后台Service吗？
答：设定好通讯机制，可以管理后台的，WebApp主要使用可Ajax的通讯，可以将操控发给后台。

关于专家讲坛

天翼空间开发者社区专家讲坛是天翼空间开发者社区（www.189works.com）2012年针对开发者推出的一项提升专业能力的系列讲座，每周四晚，邀请移动互联网开发领域的权威专家，通过语音频道专题讲座，线上论坛访谈，以及微博、QQ群线上同步直播的形式，为社区的开发者用户提供系统的技术讲座，答疑，以及运营知识方面的培训。

往期内容回顾

关于专家讲坛更多详情，请浏览官方网站。InfoQ也会对后续的活动进行跟踪报道。

关于社区活动的更多详情，欢迎查看InfoQ维护的社区活动日历，也欢迎关注InfoQ官网微博（@InfoQ），获取实时的活动信息！