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

本文介绍了Android项目搭建、调试与打包的过程。需搭建环境,包括安装nodejs、jdk、Cordova、安卓sdk、ionic等并检查安装情况。创建Ionic项目后可运行应用,调试时要注意项目内无中文命名文件。最后可进行android打包,打包后APK需签名,还可修改APP图标和名称。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

链接: 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名称

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值