Ionic4 项目打包Android App步骤

1. 安装 Nodejs
  • 说明:安装完成 nodejs的版本后,如果npm 不是最新版本, 运行 npm install npm 升级成最新的 npm
2. 安装 JDK
  1. 下载java的JDK,双击下一步下一步安装 jdk
  2. 安装完成配置 jdk 的环境变量
  3. 验证 jdk 是否配置成功(控制台中输入 javac 、java 都能出来对应代码说明成功)
3. 安装 Android Studio环境
  1. 下载 android studio
    http://www.android-studio.org/

  2. 下载后双击下一步下一步安装如下图
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    注意:sdk 目录不能有中文,不能有空格。如果 C 盘足够用回头就放在 C 盘
    在这里插入图片描述
    在这里插入图片描述
    打开的时候如果报错,点击取消。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4. 安装 cordova 、Ionic
  1. 建议使用 npm 安装 cordova ionic
npm install -g cordova ionic
5. 创建 ionic 项目
2.1、Ionic 创建浏览器运行的项目:
1. 创建项目:ionic start my App tabs 
2. cd 到刚才创建的项目 
3. ionic serve 浏览器运行项目
6. 把 cordova android 平台添加到 ionic 项目中
2.2、Ionic 创建借助 cordova
1. 创建项目: ionic start my App tabs 
2. cd 到刚才创建的项目
3.  ionic cordova platform add android 把 android 环境添加到我们的项目 
4. cordova run android 就可以让测试程序跑到我们的手机、或者用 androidstudio 导入 项目
7. Ionic 项目导入 Android studio 运行调试、打包、用cordova工具调试项目
  1. 导入项目
    在这里插入图片描述
  2. 手机连接
  • 数据线连接手机和电脑
  • 设置手机为开发者模式
  1. 配置
    在这里插入图片描述
    如果没有Android APP,点击+添加
    在这里插入图片描述
    在这里插入图片描述

  2. 运行
    在这里插入图片描述

  3. 可以借助360手机助手查看

  4. 在vscode中修改了项目

    修改代码一定要运行ionic build,然后重新运行到手机,修改的代码才能生效

  5. 在手机上要允许USB安装,安装完成之后,如果是刚新建的项目,需要将自动生成的首页代码连接更改,否则会报错。
    在这里插入图片描述

8、打包正式包
  1. 生成签名
    在这里插入图片描述
  2. 生成签名文件
    在这里插入图片描述在这里插入图片描述
  3. 更改版本号
    在这里插入图片描述
  4. 重新发布
    在这里插入图片描述
  5. 选择之前的签名文件,重新打包
    在这里插入图片描述
  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值