来自:http://blog.csdn.net/nick848/article/details/7739485
搭建开发环境
1.Dreamweaver版本选择
确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,不是的话请升级你的版本。Adobe官网有的下,破解方法网上一大堆,主要是通过序列号+改hosts方法。
2.安装Android SDK
到官网下载Android SDK安装程序并安装好,安装后如图所示
然后在DW中选择“站点->移动应用程序->配置应用程序框架”,弹出对话框,在Android SDK路径中,点右侧的文件夹图标浏览到之前安装的Android SDK位置,然后点保存。如图所示(注:这里千万别点简易安装,如果点了话,它会把你原有Android SDK给删除了)
3.应用程序设置
首先点击“站点->新建站点”,输入你自己站点名称,以及本地站点文件夹路径,然后保存。如图所示
然后点击“站点->移动应用程序->应用程序设置”,打开本机应用程序设置对话框。设置应用程序相关信息后保存,如图所示
填写完成后,点击“管理AVD”,在弹出的Android Virtual Device Manager对话框中,选中列表中的DW_AVD,点击右侧的“Start->Launch”,开始启动Android虚拟机。
第一次打开速度比较慢,直到出现下图所示:(注:我的不知道什么原因点击“管理AVD”弹出的是Android SDK Manager对话框,上面步骤其实我是手动在Android SDK安装目录中打开的)
开发第一个移动应用
1.完成上述步骤之后,在Dreamweaver中点击“文件->新建”,在弹出的新建文档对话框中选择“示例中的页->Mobile起始页->jQuery Mobile(PhoneGap)”,然后点创建。如图所示
2.将文件另存为HelloWrold文件夹中的index.html,点“保存”。这时会弹出“复制相关文件”对话框,选择“复制”。如图所示
3.选择“站点->移动应用程序->生成和模拟->Android”来等待程序打包并发布到虚拟机。如图所示
发布后可能有人会出现“Dreamweaver无法在模拟器中打开XXX”的错误信息,如图所示。
2012/2/25更新
这个问题当我模拟器没打开由DW来启动模拟器总是会出现,但是如果自己先打开模拟器了,再点生成和模拟,这时候生成是成功的。但是程序没安装到模拟器上,必须手动来安装,安装方法如下
安装Android应用程序
1) 启动Android模拟器
2) adb install (apk在PC上的路径/)*.apk
3) Android模拟器界面中浏览打开apk应用程序
4.设置完上述步骤并重新生成和模拟,这时应该就可以了,会出现如图所示的成功信息及效果图。到这里就全部完成了。
很可惜的是,我的第一个移动应用失败了,网上翻了下,却也被我找到了和我出现同样问题的大牛写下的解决方案,真是相当幸运啊~
本来我是想在DW中直接生成模拟器的,但是每次都是提示你生成成功,但在模拟器中却并不显示这个应用程序,到现在没头绪,所以只能选择另一种方法,就是将生成的.apk应用程序包安装到Android模拟器中:
1.首先将你的.apk包拷贝到安装android的tools目录下,比如我的是C:\Users\zhx\Downloads\android-sdk_r15-windows\android-sdk-windows\tools这个目录
2.开启cmd命令窗口
3.点击模拟器安装地址中tools目录下的emulator.exe
注意,点击后只会一闪而过,但一定要记得点击运行即可。
4.输入tools的路径:cd C:\Users\zhx\Downloads\android-sdk_r15-windows\android-sdk-windows\tools,回车
5.确认已经将.apk拷贝到tools目录下后,再命令窗口输入adb install 你的apk名称.apk,
如果安装成功,会出现success的提示语句。
注意:(1)在这一步骤中有可能会出现问题提示adb不是内部或外部命令之类的,这个问题是因为版本的问题,之前版本的adb都是tools目录下而2.2版本是在platform-tools目录下,于是进行拷贝粘贴,将platform-tools目录下的adb拷贝到tools下,即可使用。同理,需要复制的还有两个文件AdbWinApi.dll和AdbWinUsbApi.dll
(2)如果出现以下情况:
,只要再运行一下emulator.exe即可
6. 打开模拟器,就能看到你的程序图标
PS:如果要再次安装同名的.apk的时候要将原来在模拟器中安装的应用程序卸载,否则将提示有错误,无法安装,如下:
【提醒】如果要卸载软件,请按此路径进行卸载
模拟器的 设置 -> 应用程序 -> 管理应用程序 -> 找出你需要下载的程序 -> 卸载
文章整理自:http://www.pilihou.com/archives/403
http://www.cnblogs.com/youcai/archive/2011/10/31/2230262.html
相关推荐
本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。 首先,我们需要安装Java Development Kit (JDK)。JDK是Android开发的基础,因为Android Studio依赖于它。请访问Oracle官方网站,下载并安装适合您...
构建跨平台APP HTML 5+PhoneGap移动应用实战
在"HTML5+PhoneGap跨平台移动应用软件开发 概述"的课程中,你将学习如何设置开发环境,创建第一个PhoneGap项目,以及如何使用HTML5和JavaScript构建应用界面和逻辑。此外,你还将了解如何调试和测试应用,以及如何...
DREAMWEAVER CS6配置PHONEGAP环境搭建
Eclipse+Android+JDK+PhoneGap 开发环境教程 本文将介绍如何安装基于 Android SDK 下安装 PhoneGap 框架,并...通过遵循本文的指导,读者可以轻松地配置 PhoneGap 开发环境,并开始开发基于 Android 平台的移动应用。
html5+phonegap跨平台移动应用开发
HTML5+PhoneGAP+JQM门店源代码框架。 未完成,包括后台JSON部分。自己查找,后来我屏蔽掉了,但是效果是好的,由于模拟器太慢了,最后屏蔽了,但是代码可用。...开发环境Dreamweaver cs5.5.后台ASP.NET。
构建跨平台APP HTML 5+PhoneGap移动应用实战 - 小例子多,不讲究很深的理论,只要求快速上手 - 技术新,使用HTML5和PhoneGap3,移动APP要用最新最快的技术 - 跨平台,结合HTML5和PhoneGap本身的特色,贯穿全书讲解跨...
PhoneGap将Web应用封装成一个可安装的App,使得开发者无需掌握复杂的原生语言(如Java或Swift),即可实现跨平台的移动应用开发。“校园助手”App就是通过PhoneGap将基于Web的界面打包成Android或iOS应用,使其能在...
【IONIC】 IONIC是一款基于...综合以上,这个压缩包提供了一个使用IONIC和PhoneGap开发的项目源码,以及关于PhoneGap的深入学习材料,对于想要学习或提升混合移动应用开发技能的开发者来说,是非常宝贵的资源。
本教程主要涉及的是使用Eclipse、Android SDK、JDK和PhoneGap搭建一个完整的移动应用开发环境,特别是针对Android平台。PhoneGap是一种开源框架,它允许开发者使用HTML5、CSS3和JavaScript来创建跨平台的移动应用...
标题"ionic+phonegap 案例源码"表明这是一个使用了Ionic框架和PhoneGap工具开发的移动应用示例项目。Ionic是一个流行的开源HTML5移动应用框架,它允许开发者使用Web技术(如HTML, CSS, JavaScript)来构建原生感的...
使用jQuery Mobile + PhoneGap 开发Android应用程序
本篇文章将详细介绍如何利用Xcode5和PhoneGap2.9搭建iOS开发环境,并进行配置、测试以及归档上传。 首先,你需要下载并安装Xcode5。Xcode5是支持iOS7及更高版本开发的最早版本之一,它包含了Interface Builder、...