Phonegap小试

日期:2015-6-14 22:24 | 标签: phonegap | 阅读:675

周末部分时间加上星期五半天,有整整两天时间了,自己还只整通Android部分,IOS只能留给下次了,最好在买好mac的时候再进行了吧:)。

Phonegap是什么

Phonegap作为介于Webapp和原生app的解决方案,其集成了Webapp的跨平台优势以及原生App的硬件交互性,作为一种中间方案,它的开发复杂度要大于WebApp,产品体验及性能要劣于原生App,总之,为了降低开发成本,其为首选,若是要追求高质量的用户体验,那还是开发原生App好。

环境搭建

开发Phonegap应用,首先要做的是搭建开发环境,我部署的是Android开发环境,是按照这个顺序来的:

  1. 安装JDK1.8,我对各个JDK版本区别没什么概念,具体再去Oracle官网了解,安装完成,并配置好环境变量后,使用以下命令测试:
    jdk1.8安装

  2. 安装Ant,使用phonegap打包编译程序时有用到,同样需要在安装完成后配置环境变量,使用以下命令测试:
    ant安装

  3. 安装NodeJS,这里使用的是安装包,安装包内把Nodejs与Npm是绑在一起的,点击安装包即可安装,安装完成后无需配置环境变量,其自动搞定了,使用以下命令测试:
    nodejs安装

  4. 接下来就得下载Phonegap安装包,或者直接使用Npm进行安装,安装分为两步,先安装Phonegap然后安装Cordova,上述两者之间的关系可以理解为Google与webkit之间的关系,安装成功后使用以下命令测试:
    phonegap安装

  5. 下载ADT捆绑包。由于外网被禁,所以在国内csdn上整到一个包“adt-bundle-windows-x86-20131030”,解压后就可以使用,里面包括已经配置好ADT的eclipse、Android的sdk包,要做的就是悲剧的配置环境变量了,可以先使用Phonegap命令制作一个hello-world测试下,高级编辑需要使用Eclipse,我是直接使用Phonegap里的例子进行研究的。不要忘了配置好ADV,真机测试也ok的啦,具体得根据开发环境来。下图是是集成ADT的Eclipse。
    eclipse安装

总结

这一整套走下来该花不了多少时间,悲剧的话会有各种报错,版本不匹配 配置错误 外网无法更新等,这些才是真正烦人的,为了使用外网Vpn我花了不少功夫,让人最伤心的是getukvpn.com,其免费vpn昨天还可用,今天连网站都打不开,我不知道是GFW的威力还是咋地,最后又花好几个小时找免费Vpn站点,几乎奔溃,只能一个一个尝试,大部分打不开也就算了,好不容易打开的两个还提示服务器拒绝,后来有人说是PPTP被ISP封了,然后网上使用LTP协议的Vpn又全部打不开.最后纠结到在国内找试用Vpn,最后找到了这个:http://www.kongyun888.com/index.php(通信SS代理),要求你注册账号才能试用,还得下载客户端,密码30分钟变一次,我就用它连上过一次Facebook,后知后觉,与其这样,还不如在csdn上下载来的实在,就这样搭建成功了一个样本app,也对找Vpn这神器积累了宝贵的经验,在搭建的过程中也发现了些许牛人的站点,算是小小收获吧。

真正的打造这样一个app还需要

  1. 深入了解phonegap的api(虽然毛糙的过了一遍)及其插件,

  2. 熟悉一种Mobile框架,比如说Jquery-mobile、

  3. 相关技术如angularJS需要了解,另外还有模板引擎等。

  4. 其他框架如ionic(基于angularJS)

  5. 生成服务端api的技术如strong loop等

这些都得在实践中去积累。

题外话

想想下一个小长假就是端午,顿时还有点小兴奋:)。

@update(2015-06-17):

Maxvpn提供每天100M的免费外网流量,需要注册需要下载客户端,试用了还不错

getukvpn.com有时可用有时无用,不一定是GFW的威力。

版权声明: 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0
Copyright ©2013-2017 | 粤ICP备14081691号 | yipeng手工打造 | 联系方式