搭建移动Web应用,开发人员必须知道的10个跨平台应用解决方案

HTML5,html5教程

 

 HTML5 – 搭建移动Web应用 by gzterrytan is licensed under a Creative
Commons 署名 2.5 中国大陆 License.

图片 1关于HTML5

  HTML5具有图片 2语义学、图片 3本地存储、图片 4设备访问、图片 5连接性、图片 6多媒体、图片 7平面和三维效果、图片 8性能和集成和图片 9CSS3八大技术特征。让Web应用进入无插件时代,在功能和性能上逼近桌面应用。促使应用Web化,实现跨平台。

  HTML5规范草案将于2012年发布候选推荐版,2022年发布计划推荐版。规范的实现似乎还在遥远的未来,其实不然!当前很多浏览器已经部分支持HTML5,caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多,很多相关规范都被独立出来,由浏览器各自实现。

      图片 10

移动Web应用方向

  手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。

    图片 11

  Android和iOS手机的兴起,加速了HTML5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升级。移动浏览器的不断升级,给HTML5在移动Web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动Web应用的能力也渐渐逼近客户端应用。

  图片 12  图片 13

  移动Web应用对比客户端应用的优势:

Web应用宿主选择

  Web都有宿主,宿主是运行程序所需要的环境。Web常见的宿主有IE、FF、Chrome这些浏览器。Javascript也运行在服务器端宿主,如node.js。在移动设备,移动Web可以运行在移动浏览器上,也可以运行在PhoneGap或Titanium等框架宿主上。当然我们也可以根据跨平台需要编写自己框架宿主。

              图片 14

  框架宿主优势:

  框架宿主劣势:

           图片 15

                        PhoneGap兼容性

* *

  移动浏览器是系统附带的,不需要发布,随着系统升级而更新。在没有权限要求和高端目标设备的情况下,浏览器宿主作为移动Web应用宿主更为适合。

*  图片 16Android浏览器  浏览器宿主优势:*

  浏览器宿主劣势:

移动Javascript框架

  在HTML5的支持下,交互集成取代Javascript浏览器兼容性成了移动Javascript框架的发展方向。其中jQuery
Mobile和Sencha Touch最受追捧。

他们主要解决:

            交互集成框架优势:

  交互集成框架劣势:

      图片 17

                            jQuery Mobile
兼容性

    除了交互集成框架,我们还可以考虑使用原生HTML5开发自己的移动Javascript框架。自己开发更有针对性和目的性,适合业务扩展和性能优化,可以弥补集成框架的缺陷。

  原生HTML5框架优势:

  原生HTML5框架劣势:

HTML5 – 搭建移动Web应用 by
gzterrytan is licensed under a Creative Commons 署名 2.5 中国大陆
License. 关于HTML5 HTML5具有 语义学 、 本地存储…

  图片 18关于HTML5

移动跨平台开发已经成为现在开发很火的一个主流,比方说Tiggzi 号称最快速与最简单的创建 移动App 的基于云的生成器,它可以用来创建 HTML5 , jQuery Mobile 与 PhoneGap 应用。能够轻松的连接到 REST API ,能够导出 Android,iOS 或者移动 web 应用。该应用为收费应用,可以用Free版本进行体验。今天就给大家推荐10个建立跨平台的移动应用程序的解决方案。他们选择了不同层次的复杂性,价格,功能和文档。

  HTML5具有图片 19语义学、图片 20本地存储、图片 21设备访问、图片 22连接性、图片 23多媒体、图片 24平面和三维效果、图片 25性能和集成和图片 26CSS3八大技术特征。让Web应用进入无插件时代,在功能和性能上逼近桌面应用。促使应用Web化,实现跨平台。

1. Sencha Touch 2

图片 27

如果你并不陌生HTML5,CSS3和JavaScript,然后Sencha Touch
2可能是一个伟大的选择,为创建移动应用程序在iPhone上,Android和黑莓。

煎茶触摸2需要安装在您的计算机(PC,Mac或Linux)。你还需要一个Web服务器上运行您的计算机

  • ###  Sencha Touch 2

    • 所需知识: HTML,CSS和JavaScript的,Web开发
    • 平台支持: IOS,Android,黑莓
    • (可用支付OEM许可费用:免费的商业和开源许可证下)
    • 文件: 例子,截屏,和教程

  HTML5规范草案将于2012年发布候选推荐版,2022年发布计划推荐版。规范的实现似乎还在遥远的未来,其实不然!当前很多浏览器已经部分支持HTML5,caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多,很多相关规范都被独立出来,由浏览器各自实现。      图片 28

2. jQuery Mobile

图片 29

jQuery Mobile 是jQuery 在手机上和平板设备上的版本。jQuery Mobile
不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery
Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站

  移动Web应用方向

jQuery Mobile Summary

  • 所需知识: HTML, CSS, jQuery
  • 平台支持: 大多数手机浏览器
  • 许可: 免费 (license: MIT and GPL)
  • 文件 这里有 许多例子 and 关于开发的书本

  手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。    图片 30

3. Tiggzi

图片 31

Tiggzi 号称最快速与最简单的创建 移动App 的基于云的生成器,它可以用来创建
HTML5 , jQuery Mobile 与 PhoneGap 应用。能够轻松的连接到 REST API
,能够导出 Android,iOS 或者移动 web
应用。该应用为收费应用,可以用Free版本进行体验。

  Android和iOS手机的兴起,加速了HTML5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升
级。移动浏览器的不断升级,给HTML5在移动Web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动Web应用的能力也渐渐逼近客户端应
用。  图片 32  图片 33

Tiggzi Summary

  • 所需知识: HTML, CSS, JavaScript, XML
  • 平台支持: Android, iOS, Mobile Web
  • 许可:付费 $15-$50/month (there’s a free plan);
    see Pricing page
  • 例子: Tiggzi has a lot of good
    tutorials, 视频和其他的资源

  移动Web应用对比客户端应用的优势:

4. AppMakr

图片 34

AppMakr是一个用于创建内容为中心的移动应用,以及作为一个服务,可以帮助你在许多应用程序商店分发您的应用程序的在线工具。你可以导入RSS订阅AppMakr将打包成一个移动优化的应用程序。

有没有创建你的应用程序所需的编程,虽然你可以添加自定义的HTML。

  1. 更多开发人员有丰富的Web开发经验和工具积累,也形成了成熟的开发社区
  2. 迭代更敏捷,实现持续更新
  3. 跨平台,开发成本比客户端的较低

AppMakr摘要

  • 所需知识: HTML和CSS将是有益的
  • 平台支持: IOS,Android的Windows手机
  • 费用: $
    79/month(免费的,如果你让他们将在您的移动应用程序的广告)
  • 文件:他们有良好的视频教程,包括应用程序商店分发过程的演练

  Web应用宿主选择

5. iBuildApp

图片 35

  • iBuildApp是一个用于创建移动应用程序的工具。他们有一个很好的模板选择许多不同类型的应用程序,您可以在您的应用程序功能iBuildApp。

    iBuildApp提供了许多选项,您可以添加到您的移动应用,包括电子商务在内的选项和您的应用程序内嵌入网页的方式。iBuildApp还提供了一个SOAP
    Web服务,让您轻松地创建,检索,更新或删除内容。

    #### iBuildApp摘要

    • 所需知识: HTML和CSS将是有益的
    • 平台支持: iOS和Android出口的可用选项
    • 费用: $
      9.99(免费的,如果你让他们将在您的移动应用程序的广告)
    • 文件:他们有很好的教程如何使用他们的服务

  Web都有宿主,宿主是运行程序所需要的环境。Web常见的宿主有IE、FF、Chrome这些浏览器。Javascript也运行在服务器端宿主,如node.js。在移动设备,移动Web可以运行在移动浏览器上,也可以运行在PhoneGap或Titanium等框架宿主上。当然我们也可以根据跨平台需要编写自己框架宿主。              图片 36

6. Widgetbox

图片 37

  • widgetbox提供一个创建和托管简单的,基于内容的移动应用程序易于使用的网络工具。您可以创建您的博客或社交媒体网站的RSS提要包含应用的网页。您还可以添加自定义内容使用HTML和CSS。

    退房的移动应用程序目录的的Widgetbox创建的应用程序列表。

    #### widgetbox摘要

    • 所需知识: HTML和CSS将是有益的
    • 平台支持:与最现代的网络浏览器兼容
    • 费用: $ 25-100/month
    • 文件:他们的支持,帮助,和一个知识库

  框架宿主优势:

7. foneFrame

图片 38

foneFrame是移动HTML5/CSS3创造移动优化的网页的框架。然后,您可以使用后端PhoneGap的或appMobi的XDK。foneFrame也是一个很好的方式,轻松线框移动网站。

  1. 已形成成熟的社区,便于解决问题
  2. 如PhoneGap等,比浏览器拥有更高权限。可以访问联系人、文件、摄像头、录音等设备
  3. 可以通过模拟器进行测试,减少跨浏览器测试成本

foneFrame摘要

  • 知识要求: HTML5,CSS3,JavaScript的
  • 平台支持:与最现代的浏览器和平台兼容
  • 费用:免费(许可:知识共享署名3.0声明页面许可)
  • 文档模板内联文档

  框架宿主劣势:

8. PhoneGap

图片 39

PhoneGap是一个自由,开源软件,可作为个人移动操作系统软件开发工具包,它有自己的编程语言和标准的发展实践之间的桥梁。

使用PhoneGap的,可以支持多个移动设备的操作系统更容易。使用HTML5,CSS3和JavaScript你可以创建一个移动应用程序,然后使用PhoneGap的打包你的工作,为特定的移动操作系统。PhoneGap的直接集成使用Dreamweaver,它可以使移动应用程序开发更容易。

PhoneGap的支持,包括IOS的Android,黑莓,Windows中,WebOS和诺基亚

  1. 以客户端形式发布,版本更新难度大,动态发布需要额外代码支持
  2. 系统有可能只支持单进程
  3. 产品之间无法跳转,不容易衔接      图片 40

9. PhoneGap Build

图片 41

PhoneGap的乡亲了建立一个基于网络平台,创建你的“版本”为您一步。这就是所谓的PhoneGap的生成。这项服务目前支持IOS的Android,黑莓,WebOS的和Symbian。

有了这项服务,您可以上传您的HTML5,CSS3和JavaScript,PhoneGap的生成将生成的文件,你需要分布在领先的应用程序商店。