昨天去某公司面试,公司的产品要实现跨平台,面试完,马上网上找资料,才发现我很久以前已经接触过了,只是那时还在学Android基础(汗)。
安装前准备工作
1.确保java JDK 为1.6以上版本
2.设置系统变量Path (JDK)
3.Android studio 你有(现在版本为2.3)
4.android SDK要用4.4以上版本
开车了
安装node.js
下载地址 点我快点我
node.js傻瓜式安装(next...)
安装phonegap 6.5.0
命令行窗口运行 npm install -g cordova(注意:npm是否加到系统变量Path),这里要等挺久的,还不一定成功,我是从6.3版本升级上来的,哈哈哈,这个先借用网上的图
鄙人得步骤:cordova -v(查询版本,各位安装完也可以运行下,还会检查下是否有更新,按提示更新就好了)
开始创建项目
1. 创建项目 cordova create helloPhonegap com.exampel.hello "HelloWorld"
在此目录下就会多一个文件夹 helloPhonegap
项目结构
2.添加android环境 cordova platform add android
在helloPhonegap子目录platforms会增加一个android文件夹(其实就是android项目)
3.编译项目 cordova build
这里有个小坑,我第一次build是失败的,第二次就好了,不知道为什么(一脸懵逼)
将项目导入android studio
1. File -> New -> Import Project
选择 helloPhonegap/platforms/android 文件夹导入
运行结果
修改启动界面
helloPhonegap/www 新建helloIndex.html
修改android 项目下 res/xml/config.xml
运行是直接报错,原因是没有重新编译项目,用命令行 cordova build重新编译是没用的
解决方式: Build -> Make Project
重新运行后的结果