环境:
WIN7,JDK,Android,Eclipse,Ant,Git,PhoneGap3.0
1.下载Android SDK,JDK,ANT
安装后添加路径到环境变量。
To modify the PATH environment on Windows 7
- 开始-计算机 右键 属性-高级系统设置;
- 高级-环境变量;
- 选择 PATH 点击 编辑;
- 将Android SDK路径添加到末尾(注意分号间隔),例如:
1 |
;C:Developmentadt-bundlesdkplatform-tools;C:Developmentadt-bundlesdktools |
- 点击确定保存。
同样添加JDK和ANT的路径,先新建JAVA_HOME变量和ANT_HOME变量,然后在PATH中添加:
1 |
;%JAVA_HOME%bin;%ANT_HOME%bin |
2.安装node.js
PhoneGap3.0开始采用npm管理。故需要安装NODE.JS。
3.安装git
我用的是github的client,同样添加路径到PATH,在CMD中直接输入git能运行即可。方便用来管理PhoneGap插件。
4.确认环境
下面这些个命令只要不出现 “’XXX’ 不是内部或外部命令,也不是可运行的程序或批处理文件”,应该就完事儿了。
java -version ant -version adb version npm –version git –version
——————————-好了烦人的屁话终于说完了———————————————–
安装PhoneGap
1 |
npm install -g phonegap |
// -g 表示全局,就随便哪里都能用phongap命令, NPM相关科普参考官方文档。
新建项目
注意找个好路径,千万不要在C:Program Filesnodejs这种路径下搞,那个空格会搞死你。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
C:UsersAdministrator>d: d:>cd Android d:Android>cd projects d:Androidprojects>phonegap create hello2 com.Honyar.hello2 HelloWorld2 [phonegap] created project at d:Androidprojectshello2 d:Androidprojects>cd hello2 d:Androidprojectshello2>phonegap build android [phonegap] detecting Android SDK environment... [phonegap] using the local environment [phonegap] adding the Android platform... [phonegap] compiling Android... [phonegap] successfully compiled Android app d:Androidprojectshello2>phonegap run android [phonegap] detecting Android SDK environment... [phonegap] using the local environment [phonegap] compiling Android... [phonegap] successfully compiled Android app [phonegap] trying to install app onto device [phonegap] successfully installed onto device |
如果出问题了,用-V输出调试信息,例如 phonegap build android -V
当然你可以用你喜爱的Eclipse来编译安装,详细看这里
新建项目,选择从已经存在的代码导入,路径:hello2platformsandroid
添加插件
先科普一下:PhoneGap3.0采用新的插件架构。该架构可以让你的应用更小、更快,你只需要包含需要的API即可,插件会自动安装和删除。说白了就是把2.x中的APIs拆分成了跟自定义插件一样的东西,需要用的什么就加入相应的插件即可。这样你的APK体积大大减小了。官方图解:
下面以添加cordova-plugin-contacts为例。具体点击下面那个参考地址看吧,懒得翻译了,就复制下代码而已。
添加成功运行后,在你的”联系人”里会出现一个Test User
注意到”联系人”里看不要在拨号界面的通讯录里查看。
Pingback引用通告: Phonegap3.x 自定义插件开发 | GhostMemory