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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值