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

cordova+umi 创建项目android APP

1.先创建umi 项目
npm create umi

2.在创建的项目根目录创建cordova项目

cordova create my-app
3.在根目录打包然后把打包文件,复制到cordova的www目录

4.在 Umi 根目录创建 Cordova 项目

# 在my-app根目录执行 cordova create cordova 【包名】【应用名称】
# 示例 cordova create cordova com.test.app MyApp

5.添加 Android 平台
cordova platform add android

6.生成签名文件
keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

7.打包应用
cordova build android --release

8.运行应用
cordova run android

9.页面修改自动同步到www目录
npm i copyfiles cross-env onchange -D

"scripts": { "dev": "umi dev", "build": "umi build && copyfiles -u 1 dist/**/* cordova/www/", "postinstall": "umi setup", "setup": "umi setup", "start": "npm run dev", "watch:dist": "onchange 'dist/**/*' -- copyfiles -u 1 dist/**/* cordova/www/", "sync-browser": "browser-sync start --server cordova/www --files 'cordova/www/**/*' --open", "dev:cordova": "umi dev & npm run watch:dist & npm run sync-browser", "build:cordova": "rimraf cordova/www && umi build && copyfiles -u 1 dist/**/* cordova/www/ && cd cordova && cordova build android --debug" },

10.browser-sync监听 www 目录,文件变更自动刷新 Cordova Browser 页面

npm i browser-sync -D

"scripts": { "dev": "umi dev", "build": "umi build && copyfiles -u 1 dist/**/* cordova/www/", "postinstall": "umi setup", "setup": "umi setup", "start": "npm run dev", "watch:dist": "onchange 'dist/**/*' -- copyfiles -u 1 dist/**/* cordova/www/", "sync-browser": "browser-sync start --server cordova/www --files 'cordova/www/**/*' --open", "dev:cordova": "umi dev & npm run watch:dist & npm run sync-browser", "build:cordova": "rimraf cordova/www && umi build && copyfiles -u 1 dist/**/* cordova/www/ && cd cordova && cordova build android --debug" },

11.打包清理缓存
npm i rimraf -D

"scripts": { "dev": "umi dev", "build": "umi build && copyfiles -u 1 dist/**/* cordova/www/", "postinstall": "umi setup", "setup": "umi setup", "start": "npm run dev", "watch:dist": "onchange 'dist/**/*' -- copyfiles -u 1 dist/**/* cordova/www/", "sync-browser": "browser-sync start --server cordova/www --files 'cordova/www/**/*' --open", "dev:cordova": "umi dev & npm run watch:dist & npm run sync-browser", "build:cordova": "rimraf cordova/www && umi build && copyfiles -u 1 dist/**/* cordova/www/ && cd cordova && cordova build android --debug" },


http://www.jsqmd.com/news/1328855/

相关文章:

  • 跨平台开发架构革命:uni-app技术栈的企业级实施路径
  • 武校可以随时探视孩子吗?家长探访政策及正规办学资质查询 - 圣龙武术朱老师
  • 20-Windows快捷键实战(二)
  • LLM微调过程中的隐形杀手:3种零日投毒手法首次公开,附可落地的TensorFlow/PyTorch检测脚本
  • GetQzonehistory终极指南:5分钟快速恢复QQ空间历史数据
  • 2026年英国留学机构哪家好评推荐:五家优选深度解析 - 科技焦点
  • 深入解析JavaScript数组排序:从sort()原理到复杂对象数组实战
  • codex的安装,登录手机号等需求
  • AREX-Base-mixed-mxfp4-bf16模型全面解析:革命性混合精度量化技术如何提升AI推理效率?
  • 从ChatGPT到空间计算:AI微交互设计范式迁移(2024 Q2已验证的4种XR原生交互协议)
  • Unity动态天空与昼夜系统实现:从天空盒到程序化渲染
  • 2026年浙江断路器厂家,智能物联网断路器,物联网漏电断路器,智慧断路器云平台,物联网塑壳断路器公司全解析 - 卓企推荐
  • 2026年成人学历提升机构避坑指南 体验知志教育有感 - 互联网科技品牌测评
  • 数字图像基础——图像和数字图像
  • 探索jQuery Reel多模式应用:全景图、物体电影与定格动画
  • 汉口格力空调不制冷维修、加氟-格力空调常见故障原因与解决办法。 - 武汉科恩特环境
  • SNIA SDXI Spec 系列解读:从内存搬运卸载到虚拟化友好的数据加速器
  • Windows 11任务栏崩溃:ExplorerPatcher兼容性深度分析与专业修复指南
  • 未来已来——无创血流动力学监测的发展趋势与展望
  • Unity游戏热更新实战:基于JEngine与ILRuntime的动态代码与资源更新方案
  • 抖音视频怎么免费去水印?2026 实测好用的方法与 Download 版权注意事项 - 免费软件工具方法教程
  • 如何快速部署树莓派系统:3步智能配置终极指南
  • AMD显卡AI创作的终极解决方案:ComfyUI-Zluda深度解析与实践指南
  • 可灵首尾帧控制黄金窗口期已开启(仅剩72小时):首批支持Sub-Frame Precision的SDK预览版限时开放申请
  • Meshroom终极指南:如何将照片变成3D模型的免费开源工具
  • 金融
  • 2026浙江靠谱的立式气动隔膜泵源头厂家严选指南:从对比中找答案 - geo交流
  • 技术解析:GoldHEN Cheats Manager - PlayStation 4游戏修改系统的架构设计与应用实践
  • OnPostRender事件:渲染谢幕后的“最后回眸“
  • 2026年机动车汽车救援行业分析:威海经济技术开发区众合汽修中心综合能力解读 - 卓企推荐