使用DreamweaverCS6的PhoneGap功能构建jQuery Mobile
adobe官方Dreamweaver cs5.5教程:http://www.adobe.com/cn/devnet/dreamweaver/articles/phonegap-mobile-app-pt2.html
本方是使用Dreamweaver CS6,官方教程:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html
一、使用Dreamweaver新建一个jquery mobile 移动站点
1.安装DW CS6
2.下载Android SDK
3.配置PhoneGap
在菜单的站点”>“PhoneGap Build 服务”>“PhoneGap Build 设置 SDK的路径(第二步中下载后的路径)
3.新建DEMO
首先在菜单的站点 > 新建站点
然后新建index.html首页文件
菜单文件 > 新建 选择左边的示例中的页 -> 右侧选择 mobile 起始页 -> jQueryMobile 本地
新建好后保存文件,这个相关的资源会保存刚起的站点根本目下面,便于后面打包apk
这里点工具栏上的实时视图就能看到页面效果了。
到这一步就已经算是用Dreamweaver CS6新建好了一个DEMO,可以直接上传到服务器通过URL访问这个站点了。当然这样并不是本文要讲的APP方式。下面该PhoneGap出场了。
二、使用 PhoneGap Build 将 Web 应用程序作为本机移动应用程序进行打包
官方说明参考:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html
1.登陆PhoneGap
选择“站点”>“PhoneGap Build 服务”>“PhoneGap Build 服务”。
登陆成功后Dreamweaver 将 ProjectSettings 文件添加到站点的根中。此文件非常重要,因为 PhoneGap Build 服务将使用该文件跟踪应用程序。Dreamweaver 还会将 config.xml 文件添加到站点的根中。双击此简单的 XML 文件打开它.XML配置DOCS参考:https://build.phonegap.com/docs/config-xml
2.打包生成APK
选择创建新项目后点继续就会出现下面的打包界面。按钮第一次可能是灰色的不能使用,先点一下重新生成,比如生成android的apk包,点重新生成后,点箭头向下的按钮就会另存为apk包了。前面向左的按钮是会启动android sdk里面的模拟器来运行DEMO.这里我是使用360手机助手安装的,先启动模拟器,手机插上电脑,双击生成的apk包,就会提示安装。