JQuery Mobile移动Web应用开发(2):开发环境搭建

时间:2022-10-22 09:07:49

上一节介绍的RID可以方便的生成HTML5 UI,那么,如何将设计的UI作为一个应用部署到Andorid或iOS上呢?

1. 手动创建native应用

先说一下什么是native,打个比方,iOS应用扩展名是ipa,android扩展名是apk,那么ipa对于iOS来说就是native应用,apk对于android来说就是native。也就是说,ipa无法直接部署到非iOS上,apk也无法直接部署到非Android上。虽然HTML5是跨平台的,就好比是windows下、Linux下、Mac下都可以通过各种不同的浏览器打开并查看html文件,但是HTML5应用在每个平台下需要有个载体(或者称之为容器)的东东才能运行,所以开发出来的HTML5页面必须在ipa应用中才能在iOS上运行,在Android上同理。

在iOS上开发HTML5应用的方法是:用Xcode创建一个应用,放置一个webview,然后让webview作为HTML5页面的入口。

具体Android上还没有试过,应该也是采用类似的方法。

2. 通过PhoneGap生成native应用

PhoneGap的作用就是取带1中用户自己创建相应的工程的繁琐的过程,如果要生成iOS应用,那么PhoneGap会自动创建一个Xcode工程,并生成了了带有webview的框架,用户只需专注于开发HTML5即可。如果要生成Android应用,那么PhoneGap会自动创建Andorid应用。并不是说PoneGap生成的应用本身是跨平台的,而是说可以将同一份HTML5页面针对不同的平台分别自动生成相应平台的应用。其目的就是为了提高开发者在各个不同平台开发部署时效率,开发者只需关心HTML5页面的设计。

3. 开发环境

采用RID可以生成页面元素,但是我们往往需要自己手动修改页面,可以采用文本编辑器、Dreamweaver(window下)等。如果是在iOS上开发,则可以直接通过Xcode在模拟器上或真机上调试。如果是在Android上,可以通过Eclipse来在模拟器或真机上调试。由于仅仅是设计HTML5页面,可以通过Dreamweaver来设计页面,并直接在模拟器或真机上调试。因此,这里之介绍采用Dreamweaver来开发Android应用的环境。http://blog.csdn.net/leikaixin/article/details/7258116介绍了如何安装开发环境。

这个过程中可能存在的问题:

A. 通过Dreamweaver在Android上生成模拟程序时可能无法直接部署到Android模拟器上,这时需要去Android SDK的tools目录下或platform-tools找到adb.exe文件,然后在相应文件夹的命令行中运行adb install ***.apk。

B. 如果运行adb命令时提示error: more than one device and emulator,那么去进程中杀掉adb.exe,然后再次运行上述命令。