使用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包，就会提示安装。