
關於自己做app這件事很久很久很久以前就想做,那時我不會寫於是找到app模組網站,用了一陣子後他們就停止提供模組了。一直到ai的興起,老師又想要嘗試看看,但跟ai討論真的會吐血,因為如果沒引導的話,它會帶您到死胡同,然後又再裝傻。但要引導自己又要有一些觀念。就是沒有才有問啊……。
因為Claude 在前陣子的表現,讓我覺得有機會。所以又再度嘗試。其實過程中一點也不順,主要是因為他是ai沒有體驗過錯誤和狀況,就是一付就這樣走流程會有什麼問題。但也還好它願意討論和修改以及學習。因為過去的失敗,讓我可以引導它給我我要的內容。所以才有以下的資訊。
我想要的終於有了,一個新的開始!
Ps:如果想要塔羅占卜還是可以找我@@!
一、事前準備:需要安裝的東西
1. Node.js
下載網址:https://nodejs.org
• 選擇 LTS 版本下載安裝
• 安裝完成後重新開啟命令提示字元,輸入 node -v 確認版本
2. JDK 17
下載網址:https://adoptium.net/temurin/releases/?version=17
• 選擇 Windows x64 .msi 下載安裝
• 注意:只安裝 JDK 17,不要安裝其他版本(如 JDK 21、25 等),否則會衝突
• 安裝完成後重新開啟命令提示字元,輸入 java -version 確認顯示 17
3. Android Studio(只需安裝一次,之後不必開啟)
下載網址:https://developer.android.com/studio
• 安裝完成後開啟一次,讓它自動下載 Android SDK
• SDK 會自動安裝到:C:\Users\你的帳號\AppData\Local\Android\sdk
• SDK 下載完成後,Android Studio 可以解除安裝,SDK 資料夾不會被刪除
4. 安裝 Cordova
開啟命令提示字元(cmd),輸入以下指令:
npm install -g cordova
二、第一次建立專案
只需要做一次。之後更新 APP 不需要重做這些步驟。
1. 建立 Cordova 專案
cordova create myapp
cd myapp
cordova platform add android
2. 把你的 index.html 複製進去
將你的 index.html 複製到以下路徑(覆蓋原本的檔案):
C:\Users\你的帳號\myapp\www\index.html
三、打包 APK(測試用)
APK 用於自己手機測試,無法上傳 Google Play。
3. 開啟命令提示字元(cmd)
4. 進入專案資料夾
cd myapp
5. 設定 JAVA_HOME(每次開新的 cmd 都要輸入)
set JAVA_HOME=C:\Program Files\Eclipse Adoptium\jdk-17.0.18.8-hotspot
6. 打包 APK
cordova build android
7. 取得 APK 檔案
C:\Users\你的帳號\myapp\platforms\android\app\build\outputs\apk\debug\app-debug.apk
四、打包 AAB(上傳 Google Play 用)
⚠️ 重要:Google Play 自 2021 年起只接受 AAB 格式,APK 無法上傳!
APK 和 AAB 的差別
• APK:可以直接裝到手機,用來自己測試
• AAB:只能上傳到 Google Play,不能直接安裝,但檔案較小
打包 AAB 的指令
步驟和打包 APK 一樣,只差最後一行指令:
8. 進入專案資料夾
cd myapp
9. 設定 JAVA_HOME
set JAVA_HOME=C:\Program Files\Eclipse Adoptium\jdk-17.0.18.8-hotspot
10. 打包 AAB
cordova build android -- --packageType=bundle
11. 取得 AAB 檔案
C:\Users\你的帳號\myapp\platforms\android\app\build\outputs\bundle\release\app-release.aab
上傳到 Google Play 的注意事項
• 需要先申請 Google Play 開發者帳號(一次性費用 $25 美元)
• 2023 年 11 月後新申請的個人開發者帳號,需要找 20 位測試者,測試至少 14 天,才能正式上架
• 上傳的是 AAB 檔案,不是 APK
五、更換 APP 圖示
12. 到以下網站產生各尺寸圖示
https://www.appicon.co (上傳圖示,下載所有尺寸壓縮檔)
13. 把圖示放到對應資料夾(覆蓋 ic_launcher.png)
myapp\platforms\android\app\src\main\res\mipmap-hdpi\
myapp\platforms\android\app\src\main\res\mipmap-mdpi\
myapp\platforms\android\app\src\main\res\mipmap-xhdpi\
myapp\platforms\android\app\src\main\res\mipmap-xxhdpi\
myapp\platforms\android\app\src\main\res\mipmap-xxxhdpi\
(v26 結尾的資料夾不用換)
14. 重新打包
cordova build android
六、更換 APP 名稱
15. 用記事本開啟以下檔案
C:\Users\你的帳號\myapp\platforms\android\app\src\main\res\values\strings.xml
16. 找到這一行,把 Hello Cordova 改成你要的名稱
<string name="app_name">Hello Cordova</string>
17. 存檔後重新打包
cordova build android
七、注意事項
• 每次開新的命令提示字元都要重新輸入 set JAVA_HOME=...
• 不要安裝超過一個版本的 JDK,否則會互相衝突
• Android SDK 資料夾不能刪除,Cordova 需要用到
• Android Studio 可以解除安裝,不影響打包功能
• 如果 PowerShell 出現紅色錯誤,改用一般命令提示字元(cmd)操作
• 測試手機用 APK,上架 Google Play 用 AAB,兩者不能互換























