Cordova 打包 apk,html 打包 apk

彭成刚發表於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的,還有配置裡面路徑要雙斜槓,一個斜槓會被轉義等待。具體每個人看自己報錯資訊吧。

最後,預祝你也能打包成功!

相關文章