刚拿到这个混合app开发时,第一步就是npm install下载依赖包,(前提已经安装了node.js)但是由于npm是国外的,app中好多依赖也是国外比较新;在没有翻墙的情况下,下载失败的话,就要转成淘宝镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后再使用cnpm install 下载依赖。
根据cordova中文网的平台安装cordova-android得知,要打包android apk需要安装jdk,sdk,gradle。而且他们之间的版本还要相对应,所以不建议手动去安装sdk和gradle,最好是利用android studio自动安装相关的依赖包,避免产生其他的错误。
一、安装cordova、ionic
ionic cordova platform查看已安装平台,ionic info查看ionic配置
npm install -g cordova ionic
二、安装java JDK 参考
首先要看你的android是版本几的,下载对应版本的jdk。点我去官网下载jdk,我这里下载的是java 8的版本。
安装完之后就去配置环境变量。
- 开始—控制面板—系统和安全----系统—高级系统设置----环境变量
2.这里先说明一下,环境变量分为变量和系统变量,变量的设置是为了给下面的系统变量进行引用的。如下图
- 新建JAVA_HOME变量,值指向jdk的目录地址,一般在C:\Program Files\Java\
- 找到系统变量Path,双击打开新建%JAVA_HOME%\bin和%JAVA_HOME%\jre\bin
然后打开cmd–输入javac,输出一大串东西就证明成功了 。
保险起见,应该在你的项目中新建终端输入javac进行验证,如果失败,看看是不是地址配错了或者是有没有用管理员的身份打开编辑器(vscode)。在这里吃了个亏,我在电脑上创建了个12054的用户,不是管理员,所以找不到。
二、android SDK下载配置
下载Android Studio,一般android studio都有集成SDK的,就是安装的时候会自动下载SDK。
点击右上角这个查看SDK的配置,
安装完SDK之后·,还要配置环境变量,
值为sdk的目录地址。
设置系统变量Path,注意不要有空格。
最后还要下载gradle,自cordova-android@4.0.0起,Cordova为Android项目使用 Gradle构建。点击右上角大象的图标下载,但是很多情况下会下载失败,所以要看清是要哪个版本的gradle,然后手动下载完整版的gradle,注意版本别错了哦。
最后配置gradle的环境变量,值为gradle的目录路径
再到系统变量的Path那里添加
三、添加平台&打包
到最后就添加平台:ionic cordova platform add android,添加平台之前要删除平台,ionic cordova platform rm android,并把项目中的platforms、plugin、www三个文件夹删除掉
最后再ionic cordova build android就可以了。