将一个网址/链接 打包成APK安装包
背景:
公司有一个web项目,但是这个项目只有一个http的链接,没有源码和工程。现在客户想要把这个web打包成安卓端和ios端。
分析:
目前项目是使用的http协议,后续正式上线了会变成https,但是要求现在的测试端打成移动安装包。
经过技术栈的对比,最终选用了Cordova进行打包。
支持http和https,对web的各项功能支持都很完善。
打包步骤
安卓环境安装
-
下载安装android studio
-
通过sdkmanager,安装sdk和tools
注意:
[1] 安装所有版本的安卓sdk
[2] 安装所有版本的tools
安装所有版本的原因就是因为避免构建的时候,有哪些版本你没有装,而出现问题。
Gradle环境安装
下载地址:https://gradle.org/releases/
-
下载8.13,不要下载其他的版本,如下图:
-
安装gradle
现在完毕后,解压到一个目录中即可 -
设置环境变量
(1) 新建变量:GRADLE_HOME
(2)添加到Path中:%GRADLE_HOME%\bin
Cordova 环境安装
-
安装基础环境。安装需要nodejs环境,安装教程可以自己查找解决。
npm install -g cordova
-
安装cordova的资源处理工具,后面处理图标需要用到
npm install -g cordova-res
打包步骤
创建工程
- 创建名为mywebapp的工程:
cordova create mywebapp - 进入文件夹
cd mywebapp
设置构建平台
- 我需要打包成安卓,所以需要添加android平台
cordova platform add android
设置启动图标和splash图
- 在根目录中创建文件夹:resources
- 在里面放4张图:
- icon.png,尺寸1024*1024,png,用于安装包的安装后的图标
- splash.png, 尺寸2732*2732,png,用于启动等待加载时展示
- background.png, 尺寸432*432,无特殊用处(可不要)
- foreground.png,尺寸432*432,无特殊用处(可不要)
3.在根目录打开命令行,执行命令:
cordova-res android --skip-config --copy
执行命令后,会在resources文件夹内生成各个分辨率的图片
修改配置文件
参考如下图,根据需要添加对应命令:
修改启动网页
打包
执行命令:
cordova build android
最终输出: