11.12 脚本APP 网页H5游戏变APP!
博主闲来无事,摸鱼,
1. 就用手机termux打包了一个APP ,可以把flask+html 这种轻量级的网站打包成APP。
2. 下面是踩过的一些坑,后续功能优化,不定时更新。



# 0. Termux首次授权存储
termux-setup-storage
# 1. 更新软件源
pkg update -y && pkg upgrade -y
# 2. 安装基础工具链
pkg install -y wget unzip zip git openjdk-17 apksigner nodejs python
# 3. 创建Android SDK目录
mkdir -p $HOME/android-sdk/cmdline-tools
# 4. 进入SDK目录
cd $HOME/android-sdk/cmdline-tools
# 5. 下载命令行工具包
wget https://dl.google.com/android/repository/commandlinetools-linux-11076708_latest.zip
# 6. 解压并整理
unzip *.zip && mv cmdline-tools latest
# 7. 写入ANDROID_HOME
echo 'export ANDROID_HOME=$HOME/android-sdk' >> $HOME/.bashrc
# 8. 写入PATH
echo 'export PATH=$ANDROID_HOME/cmdline-tools/latest/bin:$ANDROID_HOME/platform-tools:$PATH' >> $HOME/.bashrc
# 9. 重载环境变量
source $HOME/.bashrc
# 10. 安装SDK组件
sdkmanager "platform-tools" "platforms;android-33" "build-tools;33.0.2"
# 11. 回到HOME
cd $HOME
# 12. 下载Gradle 7.6
wget https://services.gradle.org/distributions/gradle-7.6-bin.zip
# 13. 解压Gradle
unzip gradle-7.6-bin.zip
# 14. 写入Gradle PATH
echo 'export PATH=$HOME/gradle-7.6/bin:$PATH' >> $HOME/.bashrc
# 15. 重载环境变量
source $HOME/.bashrc
# 16. 全局安装Cordova
npm i -g cordova
# 17. 验证Java版本
java -version
# 18. 验证Gradle版本
gradle --version
# 19. 验证SDK组件
sdkmanager --list | head
# 20. 创建Cordova项目
cordova create hello com.example.hello Hello
# 21. 进入项目目录
cd hello
# 22. 添加Android 12平台
cordova platform add android@12
# 23. 构建Debug APK
cordova build android
最后说明,由于博主是安卓手机,苹果另作参考,而且由于调试太多,可能步骤会有遗漏。

11.13 昨天更新了安装部分,今天更新应用部分。。。。


接下来最小demo

二 接下来是 是把网页h5游戏变成APP




1. 清空旧目录
cd ~ && rm -rf 2025
2. 创建 Cordova 空项目
cordova create 2025 com.example.testGame TestGame
3. 在 2025 下新建 testGame 目录并复制所有游戏文件(不含原 index.html)
mkdir -p 2025/testGame
cp "/storage/emulated/0/Download/OnePlus Share/03 - 个人测试/03 - 脚本测试/脚本网站B 合集 单页面"/[0-9]*.html 2025/testGame/
4. 新建离线路由首页
cat > 2025/testGame/index.html <<'EOF'
<!doctype html><meta charset="utf-8"><title>游戏中心</title>
<style>body{font-family:sans-serif;text-align:center;margin-top:10%;background:#f2f2f2}
h1{margin-bottom:20px}.games{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}
a{background:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;text-decoration:none;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}
a:hover{transform:scale(1.05);transition:.2s}</style>
<h1>离线路由游戏中心</h1>
<div class="games">
<a href="01_消消乐.html">消消乐</a>
<a href="02_推箱子.html">推箱子</a>
<a href="03_俄罗斯方块.html">俄罗斯方块</a>
<a href="04_打地鼠.html">打地鼠</a>
<a href="05_点灯游戏.html">点灯游戏</a>
<a href="06.飞机大战.html">飞机大战</a>
<a href="07_跳一跳.html">跳一跳</a>
<a href="08_星际逃生.html">星际逃生</a>
<a href="09_切水果.html">切水果</a>
<a href="10_塔防游戏.html">塔防游戏</a>
<a href="11_打砖块max.html">打砖块</a>
<a href="12_尼姆博弈.html">尼姆博弈</a>
<a href="13_台球.html">台球</a>
</div>
EOF
5. 提上来覆盖 www
cd 2025 && rm -rf www/* && cp testGame/* www/
6. 锁定版本添加平台
cordova platform add android@12.0.1 --no-fetch
7. 强制系统 aapt2 + 清理缓存
echo "android.aapt2FromMavenOverride=/data/data/com.termux/files/usr/bin/aapt2" >> platforms/android/gradle.properties
rm -rf ~/.gradle/caches/transforms-3/*aapt2*
8. 构建
cordova build android --no-daemon
9. 复制到手机(成功后执行)
cp ~/2025/platforms/android/app/build/outputs/apk/debug/app-debug.apk \
"/storage/emulated/0/Download/OnePlus Share/03 - 个人测试/"
= = = 最后总结。
上面是标准六步骤的应用,这里给出图片版,便于人类阅读。给出文字版便于调用链接时,AI阅读
= = = , 下面是标准
# 1. 清空旧目录
cd ~ && rm -rf 2025
# 2. 创建 Cordova 空项目
cordova create 2025 com.example.games2025 HTML5Games
# 3. 复制游戏文件
cd 2025 && rm -rf www/* && cp -r "/storage/emulated/0/Download/OnePlus Share/03 - 个人测试/测试/测试"/* www/ && ls www
# 4. 锁定版本添加平台
cordova platform add android@12.0.1 --no-fetch
# 5. 强制使用系统 aapt2
echo "android.aapt2FromMavenOverride=$(which aapt2)" >> platforms/android/gradle.properties
# 6. 清理缓存并构建
rm -rf ~/.gradle/caches/transforms-3/*aapt2*
cordova build android --no-daemon
