BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 贾国清 关注 0 他的粉丝 发布于 2012年6月7日. 估计阅读时间: 7 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

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

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

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

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

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

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

问:手机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),获取实时的活动信息!

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT