使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作

ionic本地环境安装

本文章得有一个基于ionic、angular、node的环境app项目 为前提才能正常跑,没有仅供参考。

官网地址:Ionic Framework - The Cross-Platform App Development Leader

npm i -g @ionic/cli

 Android Studio进行打包apk命令操作

//  第一步:安装android平台,项目中生成android文件夹

ionic cap add android

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第1张图片

// 第二步:同步或更新项目中代码到原始平台项目中(即生成的android文件夹)

ionic cap sync

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第2张图片

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第3张图片

// 第三步:使用ionic cap copy android -c=test && ionic cap open android (copy命令是将项目代码同步到原生平台项目中,-c=test 是指在angular.json文件中配置的发布环境)

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第4张图片

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第5张图片

弹出本地安装好并配置好环境的android studio平台

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第6张图片

// 第四步:使用android studio平台打包不需要签名文件的apk

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第7张图片

// 第四步:使用android studio平台打包需要签名文件的apk

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第8张图片

选中apk直接下一步

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第9张图片

选择或创建签名文件,输入签名文件密码别名,下一步

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第10张图片

选择打包类型,直接创建

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第11张图片

使用ionic/angular开发app项目 使用Android Studio进行打包apk命令操作_第12张图片

你可能感兴趣的:(Android,Studio,angular,ionic,angular.js,android,studio,前端)