phonegap是通过html5开放安卓app的强大软件,它的出现秒杀了一切学手机安卓,ios软件的小生们。
作为一个前端html5开发者,我不能不说,这个软件造福于人类呀。
首先phonegap需要如下软件依次安装:
讨厌的:eclipse(我也是醉了,一个学前端的,按这个java的东西,让我考虑的很久)
sdk Manager
node.js
git(让我可以自动的获得phonegap插件)
具体的内容官网上太详细,我就不费劲了,况且版本的不同,安装的方法也有的不一样。。。
我就说一下作为一个前端工程师,如何尽量少的不用eclipse吧
让我们开始吧
one:
一定要按照官网,把android sdk 的androd api工具安装上(我用的是api22,android4.0),要是嫌机子卡可以不用安装虚拟机哦!
配置好android环境变量(如果不配置的话,下面的cordova run android命令 报错):ANDROID_HOME,ANDROID_PATH,ANDROID_TOOLS,将三个变量加入到path变 量中
two:
现在你需要通过node.js的命令行的npm 安装 cordova工具集
$ sudo npm install -g cordova
three:
构建我的app,通过cordova命令集,如下:
$ cordova create “文件夹名字” com.example.hello "app图标名字"
$ cd “文件夹名字”
这个时候,你要把你的代码放到跟根目录的www中,www中要有cordova.js文件,继续如下:
$ cordova platform add android
创建了android版本的代码后,我们需要安装我们需要的android插件,供我们更好的调用设备上本地的功能。
如果你是第一次调用某个插件,你需要用下面的命令从网上下载引用插件:
$ cordova plugin add org.apache.cordova.device
删除一个插件:
$ cordova plugin rm org.apache.cordova.device
如果你不是第一次调用某个插件,你可以设置根目录下的config.xml,这些配置会同步到如下platforms\android\res\xml\config.xml当中,自动安装本地已有的插件:
<feature name="Whitelist"> <param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" /> <param name="onload" value="true" /> </feature> <feature name="Notification"> <param name="android-package" value="org.apache.cordova.dialogs.Notification" /> </feature> <feature name="Vibration"> <param name="android-package" value="org.apache.cordova.vibration.Vibration" /> </feature> <feature name="StreamingMedia"> <param name="android-package" value="com.hutchind.cordova.plugins.streamingmedia.StreamingMedia" /> </feature> <feature name="Device"> <param name="android-package" value="org.apache.cordova.device.Device" /> </feature>
four:
通过尝试,我无法实现 cordova build android和cordova run android操作,所以我通过把android目录的代码导入到eclipse,连通手机安装app。
如需要修改代码,只需要修改android目录下的代码即可。
- 有用的链接:
- phonegap各种插件
- phonegap中文api文档