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/

创建好后就是这样子:


Idea导入项目并开发用户功能

如下图:


File->Open


                                                                                         选中创建好的项目Ok



                                                                                         打开后的效果





Mobile app快速测试

桌面软件创建好项目后开启项目后的样子:服务所在地址是 http://10.3.37.112:3001/


手机端输入服务地址就可以访问了:



项目打包成手机应用

打包用的是phonegap的在线打包工具,我参考这哥们儿的:http://my.oschina.net/mynote/blog/187323

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,914评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,190评论 4 61
  • 我恨你
    最0622阅读 1,033评论 0 0
  • 2017年1月20日,晴天,小雾。 昨天晚上大宝叫我和小宝下去吃烧烤,明天早上八点爬起来搬家。晚上又要把一部分东西...
    良小哲阅读 871评论 0 0