转：将HTML5封装成android应用APK-ionic

爱萨萨

墨衍会员 · AI 创作全网分发码龄22年

关注

转载最新推荐文章于 2026-10-20 19:12:43 发布 966 阅读 AI 写同款· GEO 优化 ›

Autoxjs从配置环境到打包脚本成apk（细致） autoxjs实战教程：安装、配置环境、编写代码、打包应用，超细致阅读详情

链接： https://www.cnblogs.com/yunfly/p/5960378.html

借鉴了网上很多的教程终于是把整个过程走通了，最主要的还是墙的问题....

先是要搭建环境（每一步都要检查，确保安装正确）：

1.安装 nodejs

淘宝镜像：

1	`npm install -g cnpm --registry=https://registry.npm.taobao.org`

　　检查是否安装成功： cmd下输入node -v 出现版本号

2.jdk并配置java环境传送门

　　检查是否安装成功： cmd下输入javac 出现帮助提示

3.安装Cordova

1	`npm install -g cordova`

　　检查是否安装成功： cmd下输入cordova -v 出现版本号

4.安装安卓sdk并配置环境传送门

　　检查是否安装成功： cmd下输入adb version

5.安装 ionic

1	`$ npm install -g ionic`

　　检查是否安装成功： cmd下输入ionic -v 出现版本号

创建Ionic项目项目内容在WWW内

1 2	`ionic start cutePuppyPics --v2 //测试用` `ionic start myIonic blank //项目中创建空模版`

要运行你的应用程序时，cd到创建的目录，然后运行Ionic服务命令(Windows下去掉'$')：

1 2	`$ cd cutePuppyPics` `$ ionic serve`

完成后会在浏览器中如下显示：

部署到手机

1 2	`ionic platform add android` `ionic platform add ios`

　　输入ionic platform list 可以查看版本号

调试

1	`ionic run android --livereload -c -s`

　　-c是开启客户端日志输出，-s是开启服务器端日志输出注：项目内不能存在任何中文命名的文件，否则有可能报错

android打包

如果以上均可执行，则输入命令即可玩成打包 APK存放路径： demo（项目名）\platforms\android\build\outputs\apk

1	`ionic build android -release`

　　此时的APK还无法使用，需要进行签名传送门：

复制代码

keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore
jarsigner -verbose -keystore demo.keystore -signedjar demo_signed.apk demo.apk demo.keystore

//注意着两段代码都是整行输出，百度经验上的直接复制可能出错，还有密钥口令其实是输进去了的，只是被隐藏了。
//未签名的APP无法安装

复制代码

app demo:

　　http://pan.baidu.com/s/1i5Pv9JJ

修改APP图标和名称：

C:\WeiTradeAPP(项目名)\platforms\android\res

在value和xml里面修改app名称

收录于