ionic+angular+cordova混合app打包android apk

刚拿到这个混合app开发时,第一步就是npm install下载依赖包,(前提已经安装了node.js)但是由于npm是国外的,app中好多依赖也是国外比较新;在没有翻墙的情况下,下载失败的话,就要转成淘宝镜像。

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

然后再使用cnpm install 下载依赖。

根据cordova中文网的平台安装cordova-android得知,要打包android apk需要安装jdk,sdk,gradle。而且他们之间的版本还要相对应,所以不建议手动去安装sdk和gradle,最好是利用android studio自动安装相关的依赖包,避免产生其他的错误。

一、安装cordova、ionic

ionic cordova platform查看已安装平台,ionic info查看ionic配置

npm install -g cordova ionic

二、安装java JDK 参考

首先要看你的android是版本几的,下载对应版本的jdk。点我去官网下载jdk,我这里下载的是java 8的版本。在这里插入图片描述
安装完之后就去配置环境变量。

  1. 开始—控制面板—系统和安全----系统—高级系统设置----环境变量

在这里插入图片描述
2.这里先说明一下,环境变量分为变量和系统变量,变量的设置是为了给下面的系统变量进行引用的。如下图

  • 新建JAVA_HOME变量,值指向jdk的目录地址,一般在C:\Program Files\Java\
  • 找到系统变量Path,双击打开新建%JAVA_HOME%\bin和%JAVA_HOME%\jre\bin

图1
图2
然后打开cmd–输入javac,输出一大串东西就证明成功了 。
保险起见,应该在你的项目中新建终端输入javac进行验证,如果失败,看看是不是地址配错了或者是有没有用管理员的身份打开编辑器(vscode)。在这里吃了个亏,我在电脑上创建了个12054的用户,不是管理员,所以找不到。

二、android SDK下载配置

下载Android Studio,一般android studio都有集成SDK的,就是安装的时候会自动下载SDK。
点击右上角这个查看SDK的配置,
在这里插入图片描述
在这里插入图片描述
安装完SDK之后·,还要配置环境变量,
在这里插入图片描述
值为sdk的目录地址。
设置系统变量Path,注意不要有空格。
在这里插入图片描述
在这里插入图片描述
最后还要下载gradle,自cordova-android@4.0.0起,Cordova为Android项目使用 Gradle构建。点击右上角大象的图标下载,但是很多情况下会下载失败,所以要看清是要哪个版本的gradle,然后手动下载完整版的gradle,注意版本别错了哦。
在这里插入图片描述
最后配置gradle的环境变量,值为gradle的目录路径
在这里插入图片描述
再到系统变量的Path那里添加
在这里插入图片描述

三、添加平台&打包

到最后就添加平台:ionic cordova platform add android,添加平台之前要删除平台,ionic cordova platform rm android,并把项目中的platforms、plugin、www三个文件夹删除掉
在这里插入图片描述
最后再ionic cordova build android就可以了。
在这里插入图片描述

Ionic Angular 项目中实现消息推送功能并打包Android APK,你可以按照以下步骤进行操作: 1. 配置 Firebase Cloud Messaging (FCM):首先,你需要在 Firebase 控制台中创建一个项目,并启用 FCM。然后,在 Ionic 项目中安装 Firebase 相关的插件和依赖,如 `@angular/fire` 和 `firebase`. 接下来,按照 Firebase 文档的指引,将你的应用连接到 Firebase 项目。 2. 安装 Cordova 插件:使用 Cordova 插件来 Android 设备的原生推送服务进行交互。在终端或命令行中进入 Ionic 项目的根目录,然后执行以下命令安装 Cordova 插件: ``` cordova plugin add cordova-plugin-fcm-with-dependecy-updated ``` 3. 配置 Android 平台:确保你已经添加了 Android 平台到 Ionic 项目中(如果没有,可以通过运行 `ionic cordova platform add android` 添加)。然后,根据 FCM 插件的文档,在 `config.xml` 文件中添加以下代码: ```xml <platform name="android"> <resource-file src="google-services.json" target="app/google-services.json" /> <preference name="FCM_ANDROID_SENDER_ID" value="your_sender_id" /> </platform> ``` 将 `your_sender_id` 替换为你在 Firebase 控制台中获得的 FCM 发送者 ID。 4. 处理推送通知:在你的 Ionic Angular 项目中,你可以使用 `@angular/fire` 提供的 `AngularFireMessaging` 服务来处理推送通知。在你的应用的相应页面或服务中,注入 `AngularFireMessaging`,并编写代码来处理收到的推送通知。 ```typescript import { AngularFireMessaging } from '@angular/fire/messaging'; // ... constructor(private afMessaging: AngularFireMessaging) {} // 监听推送通知 listenForPushNotifications() { this.afMessaging.messages.subscribe((message) => { console.log('Received push notification', message); // 在这里处理推送通知的逻辑 }); } ``` 5. 构建 APK:完成上述配置后,你可以使用以下命令构建 Android APK: ``` ionic cordova build android --prod ``` 这将生成一个已经配置了消息推送功能的 Android APK 文件。 请注意,以上步骤仅提供了一个大致的指导,具体的实现细节和代码可能会因你的项目结构和需求而有所不同。建议你参考相关插件和工具的文档以获取更详细的信息,并根据实际情况进行调整。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值