当前位置: 首页 > news >正文

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

 

http://www.dtcms.com/a/602397.html

相关文章:

  • 长春阿凡达网站建设网站的结构类型
  • AI 生成PPT
  • 网站策划与运营沪指重上3000点
  • 动手学强化学习 第6章 Dyna-Q 算法
  • 【前端】resetFields()失效:点击编辑后再点击新增,弹出的表单是编辑的数据
  • 易支付系统二开对接博瑞云音箱教程及源码
  • TiDB 关联子查询去关联优化实战案例与原理深度解析
  • UCOS-III笔记(四)
  • 广西上林县住房城乡建设网站网站代码字体变大
  • 【窗口】分层角度来整体地理解 Android 窗口系统
  • 网站网页设计制作公司建立wordpress网站吗
  • CesiumJS 案例 P35:添加图片图层(添加图片数据)
  • 贞丰县住房和城乡建设局网站门户网站建设采购
  • Apache DolphinScheduler 新增 gRPC 任务插件 | 开源之夏成果总结
  • 网站数据迁移教程汕头快速建站模板
  • MATLAB中生成混淆矩阵
  • 基于MATLAB的验证码识别系统实现
  • 路由器怎么做网站百度下载
  • Spark简介以及K8S部署
  • 网站顶部图片素材官方网站建设条件
  • 高端电商网站建设上海频道网站建设公司
  • Ubuntu 中的编程语言(中)
  • 不确定知识图谱(UKGs)增强中医药大模型:药食同源个性化膳食推荐的智能化新突破
  • 有哪些适合自学口语的软件?
  • 算法1111
  • 大牌印花图案设计网站工信部怎么查网站备案
  • 做网站需要走哪些程序建筑模板制作过程
  • 《POE 免布线:100 平米机房以太网温湿度便捷部署方案》
  • 做优化网站是什么意思浏览器下载WordPress文件
  • 纯静态网站制作开发公司对代理公司管理