三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

cordova+umi 创建项目android APP

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" },


← 返回列表