Cordova 打包 apk,html 打包 apk

彭成刚_Reciter | 技术博客 / 2024-09-02 / 原文

Cordova 打包 apk 美/ˌkɔrˈdoʊvə/
需求:简单的将html打包成安卓的apk

Cordova 官网帮助文档
https://cordova.apache.org/docs/en/12.x/guide/cli/installation.html

开始用的kwui打包apk,打包完以后发现两个问题

  1. kwui 打包体积 150M 的包,体积比较大
  2. kwui的ui用js rs的书写方式,不方便。
    kwui的帮助文档
    https://wanghoi.github.io/kwui/intro.html

Cordova 起手式

详细看 https://cordova.apache.org/docs/en/12.x/guide/platforms/android/index.html#the-required-software-&-tools

  1. java
  2. c++
  3. android
  4. gradle

java17 安装 JAVA SE 17.0.12 (LTS)

https://helpx.adobe.com/coldfusion/kb/coldfusion-downloads.html#downloads3

jdk-17.0.12_windows-x64_bin.zip
下载这个zip 解压到本机目录 C:\Program Files\Java\jdk-17.0.12

C++ 环境安装

https://visualstudio.microsoft.com/zh-hans/visual-cpp-build-tools/
安装左上角的c++环境即可

android

下载安装一个
https://developer.android.com/studio?hl=zh-cn
里面再下载个android sdk,具体看上面的英文的那个,刚看了下,需要装好几个

gradle 安装

安装地址,这个我很久前装了,所以这次没弄这个
https://gradle.org/install/

Cordova 项目实战

优点:打包后3M,非常好,而且html直接打包apk,没有第三方。
这里假设你是一个前端,前端的相应node什么基础的就不说了。
1.全局安装包

npm install -g cordova

2.创建项目

cordova create hello com.example.hello HelloWorld
  1. 添加平台, 一个浏览器,一个安卓
cordova platform add browser
cordova platform add android
  1. npm添加俩命令
    安卓的开发调试,还没研究,暂时先不研究了
"dev": "cordova run browser",
"build": "cordova build android",
  1. 添加项目的java.home 路径
    重点:
    platforms/android/gradle.properties
    文件里面添加
org.gradle.java.home=C:\\Program Files\\Java\\jdk-17.0.12

这里我本机环境是1.8,他这个项目我也不愿意动jdk版本,而且会影响其他项目

总结

重点就是各种看报错信息,虽然报错信息比较多,但是主要还是对环境的依赖,开始我还给java_home 配了 bin目录,结果发现是不带bin的,还有配置里面路径要双斜杠,一个斜杠会被转义等待。具体每个人看自己报错信息吧。

最后,预祝你也能打包成功!