目录
- 项目打包
- 第一步安装软件
- 第二步打包
项目打包
今天我们学的东西时把我们做的项目打包成apk(安卓手机安装包时.apk文件,ios的安装包为.ipa文件),因为我们普遍用的均为windouws系统和安卓手机,所以今天进行的时apk文件的打包。
第一步安装软件
项目打包首先要知道打包需要用带的工具,这里我们使用的是 Android Stuido 打包,参考的是教程是:React Native 搭建开发环境。
这里我们首先进行相关环境的配置安装:
必须安装的依赖有:Node、JDK 和 Android Studio。
其中node 为我们写项目过程已经用到的,所以node的安装配置,就已经有现成的,只需要jdk和 Android Studio。
这里我们首先下载安装Android SDK:
安装默认为c盘 ,无法修改(安装完以后可以修改),但是如果你的c盘用户名为中文,则会报一个错,让你修改安装路径后,才能继续安装。
安装过程基本还剩傻瓜式一键安装,安装完成后,选择configure下的SDK Manger
然后按照官方文档走。
等待安装完成。
在安装过程中,打开一个命令行,执行以下命令:
npm install -g react-native-cli //安装react-native
npm install -g cordova //安装cordova
第二步打包
安装完配置文件以后
在桌面新建文件夹(注意,路径中不要含有中文,负责打包会出错,亲测)
打开命令行,cd到这个文件夹中
执行:
cordova create hello com.example.hello HelloWorld
这时候,会在文件夹中生成一个hello文件夹,cd到这个hello文件夹中,执行
cordova platform add android@6.3.0
然后将自己写的vue项目打包成的 dist 文件夹替换hello里面的 www 文件夹,
执行打包
cordova build android
这时候,又会提示,没有安装gradle,也可以使用 cordova requirements 命令 查看缺少什么。
缺少gradle 就去安装gradle,地址:https://services.gradle.org/distributions/ 我们下载的是6.4版本,下载完成后解压,将解压后的路径配置到path中,具体可以参考这个 之后就可以继续执行打包了
cordova build android
打包完成后 会生成打包完成的文件路径,打开这个路径,把这个apk文件传到手机就可以把项目安装到手机上了。搞定