纯粹属于闲折腾的结果，只是这中间还遇到一些问题，记录一下。因为没有IOS的开发key，所以这里只发布成功Android系统的安装程序。之前写过一篇构建webapp项目的文章<构建基于Android和PhoneGap的开发环境>，假设已经写了一个简单的demo页面，现在如何生成一个安装程序并安装到手机中，进行效果预览呢？
PhoneGap的官网提供一个buid生成器，利用它可以生成相应的安装程序。地址：https://build.phonegap.com/apps，需要先登录，然后给应用取一个名字。
将打包好的应用程序（zip后缀，就是工程目录assets目录下的www目录）
![clip_image002[13]](https://i-blog.csdnimg.cn/blog_migrate/7ca0cda95697506d01a42ea58e47b312.jpeg "clip_image002[13]")
然后下载为Android系统生成的apk安装程序。
现在开始要安装应用程序了，可以选择91助手或是豌豆荚(很郁闷的是，默认安装在系统盘，如果修改安装路径，安装完成后在桌面生成的快捷方式是不可以点击的----看来别人说它多么好还是不靠谱，自己用用才知道好不好)
需要确认已经开启了usb debugging
![clip_image002[15]](https://i-blog.csdnimg.cn/blog_migrate/4335b3103e91272cdfe07a2b1e28e518.jpeg "clip_image002[15]")
![clip_image002[17]](https://i-blog.csdnimg.cn/blog_migrate/ceb8eda999345f3b473ea00316b08981.jpeg "clip_image002[17]")
![clip_image002[19]](https://i-blog.csdnimg.cn/blog_migrate/7c920f208483fc2846c1bdc45c95fd48.jpeg "clip_image002[19]")
![clip_image002[21]](https://i-blog.csdnimg.cn/blog_migrate/bd993417274b4f47785feee24b6c48eb.jpeg "clip_image002[21]")
![clip_image002[23]](https://i-blog.csdnimg.cn/blog_migrate/7ab12afc3515aa88c053bac5c7780289.jpeg "clip_image002[23]")
![clip_image002[25]](https://i-blog.csdnimg.cn/blog_migrate/5deabc4f47903aeae21aee8b8324a17a.jpeg "clip_image002[25]")
![clip_image002[27]](https://i-blog.csdnimg.cn/blog_migrate/6e985b083838ac3acde449803c04913a.jpeg "clip_image002[27]")
![clip_image002[29]](https://i-blog.csdnimg.cn/blog_migrate/bca84f6fb85413e266b0b6ea7a45b5a5.jpeg "clip_image002[29]")
若出现无法连接的情况，可以尝试关闭、开启模拟器的USB debugging，然后再试
![clip_image002[31]](https://i-blog.csdnimg.cn/blog_migrate/8b9f7f45be8a8a8be29980a09f7bf61e.jpeg "clip_image002[31]")
我点击“下一步”就直接断开连接了，我也不知道为什么了，只好手工安装。
不过手工安装有个坑爹的一步，网上说到android-sdk-windows目录下的tools找adb应用程序，而从revivision 8开始adb tool已经从tools下移到platform-tools目录了。
![clip_image002[33]](https://i-blog.csdnimg.cn/blog_migrate/afc0a18d03a60544e84dde56f45e256e.jpeg "clip_image002[33]")
![clip_image002[35]](https://i-blog.csdnimg.cn/blog_migrate/d819381bda341f3faf5c4f24e2e872cc.jpeg "clip_image002[35]")
需要启动模拟器…
![clip_image002[37]](https://i-blog.csdnimg.cn/blog_migrate/9a3e0d658e339966d13204944ddd85fd.jpeg "clip_image002[37]")
前面报错是因为模拟器还没有完全启动好..
![clip_image002[39]](https://i-blog.csdnimg.cn/blog_migrate/97161c4c659c85d16ef0c47c5df652a0.jpeg "clip_image002[39]")
到这里安装成功！
![clip_image002[41]](https://i-blog.csdnimg.cn/blog_migrate/06327b6a18af1e6bb228e2a34785d8cc.jpeg "clip_image002[41]")
最后在所有应用中，就可以看到刚刚安装的应用程序了，如上图所示。
不得不说，PhoneGap对于面向PC端的WEB前端人员是一个福音，也是一个很好用的工具，缺点就是太耗资源（差点没把我机器搞挂，当然家里的机器是比较古老了）。从面向PC端的web开发转型到面向移动设备上的web开发，我觉得这将会一个很有前途的职业，从薪水和人员缺口数来看潜力非常大。而移动设备上对于HTML5、CSS3的应用必然要早于PC，如果有可能我都要转去做移动设备的webapp开发了，呵呵 :)
扫一扫
1472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
