PhoneGap非原生app开发环境搭建
用户不知道他们具体要什么,知道你把它展示给他们
扯淡
从前有尝试过phonegap开发,那个时候没有desktop app也没有mobile app,搭建开发环境要装npm依赖、ant构建工具,要配置移动端sdk(因为cli生成特定移动端项目骨架时要用到)麻烦得不得了。今天因为项目需要重新搞了下phonegap,发现开发已经变得容易了很多。
Desktop app安装
官网下载安装就是了,目前支持windows和mac,这是下载地址:http://phonegap.com/getstarted/
Mobile app安装
官网下载安装就是了,目前支持windows phone、ios、android,这是下载地址:http://phonegap.com/getstarted/
Desktop app创建项目
发现没什么好些的,官网上有详细介绍,附上地址就行了很简单:http://docs.phonegap.com/getting-started/3-create-your-app/desktop/
创建好后就是这样子:
![](https://img.haomeiwen.com/i1950871/24787a4555458b30.png)
Idea导入项目并开发用户功能
如下图:
![](https://img.haomeiwen.com/i1950871/58f440ae3a6e54c7.png)
![](https://img.haomeiwen.com/i1950871/8e6a278657614619.png)
选中创建好的项目Ok
![](https://img.haomeiwen.com/i1950871/51ae9d22af336d7d.png)
打开后的效果
Mobile app快速测试
桌面软件创建好项目后开启项目后的样子:服务所在地址是 http://10.3.37.112:3001/
![](https://img.haomeiwen.com/i1950871/8b4340923a89fc2d.png)
手机端输入服务地址就可以访问了:
![](https://img.haomeiwen.com/i1950871/dbb2fa282a6a75ba.png)
项目打包成手机应用
打包用的是phonegap的在线打包工具,我参考这哥们儿的:http://my.oschina.net/mynote/blog/187323