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. 下载后双击下一步下一步安装如下图
    Ionic4 项目打包Android App步骤_第1张图片
    Ionic4 项目打包Android App步骤_第2张图片
    在这里插入图片描述
    Ionic4 项目打包Android App步骤_第3张图片
    注意:sdk 目录不能有中文,不能有空格。如果 C 盘足够用回头就放在 C 盘
    Ionic4 项目打包Android App步骤_第4张图片
    Ionic4 项目打包Android App步骤_第5张图片
    打开的时候如果报错,点击取消。

Ionic4 项目打包Android App步骤_第6张图片
在这里插入图片描述
Ionic4 项目打包Android App步骤_第7张图片
Ionic4 项目打包Android App步骤_第8张图片
Ionic4 项目打包Android App步骤_第9张图片
Ionic4 项目打包Android App步骤_第10张图片

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. 导入项目
    Ionic4 项目打包Android App步骤_第11张图片
  2. 手机连接
  • 数据线连接手机和电脑
  • 设置手机为开发者模式
  1. 配置
    Ionic4 项目打包Android App步骤_第12张图片
    如果没有Android APP,点击+添加
    Ionic4 项目打包Android App步骤_第13张图片
    Ionic4 项目打包Android App步骤_第14张图片

  2. 运行
    Ionic4 项目打包Android App步骤_第15张图片

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

  4. 在vscode中修改了项目

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

  5. 在手机上要允许USB安装,安装完成之后,如果是刚新建的项目,需要将自动生成的首页代码连接更改,否则会报错。
    Ionic4 项目打包Android App步骤_第16张图片

8、打包正式包

  1. 生成签名
    Ionic4 项目打包Android App步骤_第17张图片
  2. 生成签名文件
    Ionic4 项目打包Android App步骤_第18张图片Ionic4 项目打包Android App步骤_第19张图片
  3. 更改版本号
    Ionic4 项目打包Android App步骤_第20张图片
  4. 重新发布
    Ionic4 项目打包Android App步骤_第21张图片
  5. 选择之前的签名文件,重新打包
    Ionic4 项目打包Android App步骤_第22张图片

你可能感兴趣的:(ionic)