Ionic实战十：项目中集成Android及IOS版极光推送功能

最新推荐文章于 2022-05-08 09:54:52 发布
置顶 最新推荐文章于 2022-05-08 09:54:52 发布
阅读量524 收藏
点赞数 1
分类专栏： Ionic 文章标签： ionic android ios 极光推送 ios证书
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16497617/article/details/107392167
版权

开发环境以window为主，先集成android版本，成功后在调试ios版本，其中要特别注意bundId，下面会说到

一.环境配置

Ionic:

   Ionic CLI          : 5.4.16 

   Ionic Framework    : ionic-angular 3.9.9

   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : not installed

   Cordova Platforms : android 8.1.0

   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, (and 16 other plugins)

Utility:

   cordova-res (update available: 0.15.1) : 0.14.0

   native-run                             : not installed

System:

   Android SDK Tools : 26.1.1 (E:\anzhuang\asSDK)

   NodeJS            : v12.16.3 (E:\anzhuang\node\node.exe)

   npm               : 6.14.4

   OS                : Windows 10

二.注册及登录极光官网并创建应用获取appId及secret

极光官网地址：ht

了解本专栏 订阅专栏 解锁全文 超级会员免费看
博主逸尘
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
ionic项目中使用极光推送-android.zip
03-10
为了满足广大Android开发爱好者与从业者的学习需求，我们精心整理并上传了一份全面而实用的Android项目资源包。这份资源包内容丰富，涵盖了从基础知识到实战应用的全方位内容，旨在为开发者们提供一个便捷、高效的学习平台。 一、文件手册 资源包中的文件手册部分，详细记录了Android开发的核心知识点和常用技术。无论是初学者还是有一定经验的开发者，都能从中找到所需的学习资料。手册采用了简洁明了的排版方式，使得查阅更加方便快捷。同时，手册内容深入浅出，既适合新手入门，也能为老手提供有价值的参考。 二、项目实战与练习 为了让学习者能够将理论知识与实践相结合，我们特别准备了项目实战与练习部分。这部分内容包含了多个精心设计的Android项目案例，从需求分析、设计思路到实现过程，都有详细的讲解和代码示例。学习者可以通过实际操作，深入了解Android开发的整个流程，提升自己的实战能力。 此外，我们还提供了一系列练习题，旨在巩固所学知识，检验学习成果。这些练习题既有基础题，也有难度较高的挑战题，适合不同层次的学习者进行练习。 三、Android开发工具集 在Android开发过程中，选择合适的工具能够大大提高开发效率。因此，我们整理了常用的Android开发工具集，包括开发工具、测试工具、性能优化工具等。这些工具都是经过我们精心筛选和测试的，能够帮助开发者们更加高效地进行Android开发工作。 总的来说，这份Android项目资源包是一份不可多得的学习资料，无论你是初学者还是有一定经验的开发者，都能从中受益匪浅。我们希望通过这份资源包，为广大Android开发爱好者与从业者提供一个更加便捷、高效的学习平台，共同推动Android开发领域的发展。
Ionic-PushNotification-Server:服务器代码，用于将推送通知发送到iOS或Android设备
05-15
推送通知服务器 这可用于将“推送通知”发送到iOS或Android设备。 Android推送通知 SERVER_KEY如果您没有SERVER_KEY，请使用生成 :party_popper: DEVICE_TOKEN如果您没有设备令牌，则在使用Ionic 2的情况下，请使用或 :thumbs_up: AndroidPush.java运行此文件以将通知推送到Android设备 $ javac AndroidPush.java $ java AndroidPush iOS推送通知 APNS certificate(.p12) -如果您没有.p12证书，请使用生成 :party_popper: DEVICE_TOKEN如果您没有设备令牌，则在使用Ionic 2的情况下，请使用或 :thumbs_up: IOSPush.java运行此文件以将通知推送到iOS设备 $ javac -cp apns.jar:. IOSPush.java $ java -cp apns.j
ionic-push-base：适用于iOS和Android的Ionic Push Notifications Base App
01-30
离子推力底座 可以用作Ionic Push应用程序的基本模板。 它适用于iOS和Android推送通知。 讲解 先决条件 从下载nodejs，它将安装node和npm node -v - should be > = 6.0.0 npm -v - should be > = 3.0.0 对于iOS，将XCode版本更新为8.0或更高版本 安装最新版本的phonegap-push-plugin所需的cocoapods sudo gem install cocoapods pod setup 入门 克隆此存储库 安装Ionic，cordova和node_modules $ npm install -g ionic cordova $ npm install 使用本生成SENDER_ID :thumbs_up: 在config.xml中替换YOUR_SENDER_ID与上述SENDER_ID app.ts 安卓 $ ionic cordova platform add android $ ionic cordova build android $ ion
Ionic-PushNotification:适用于iOS和Android的Ionic Push Notifications基本应用程序
05-15
离子推力底座 可以用作Ionic Push应用程序的基本模板。 它适用于iOS和Android推送通知。 教程 先决条件 从下载nodejs，它将安装node和npm node -v - should be > = 6.0.0 npm -v - should be > = 3.0.0 对于iOS，将XCode版本更新为8.0或更高版本 安装最新版本的phonegap-push-plugin所需的cocoapods sudo gem install cocoapods pod setup 入门 克隆此存储库 安装Ionic，cordova和node_modules $ npm install -g ionic cordova $ npm install 使用本生成SENDER_ID :thumbs_up: 在config.xml中替换YOUR_SENDER_ID与上述SENDER_ID app.
2017.8 iOS最新版本极光推送demo
08-10
2017.8月通过pod集成极光推送 可以惊醒全推，根据别名推送，根据标签推送，在run本demo时将自己的key替换即可，其他配置均已配置好，在设置别名或标签时可以放在任意界面，为了方便简单我将设置别名和标签放在了AppDelegate里，如果有什么问题可以留言，看到后我会进行解答，此demo仅限接触推送的新手
ionic-app-scripts：适用于Ionic项目的App Build脚本
02-20
免责声明：不再维护 哦，！ Ionic App Scripts是专门与Ionic Framework的3.x版本绑定的工具。 自从Ionic Framework 4.0版发布以来，我们不再使用Ionic App脚本在Ionic Framework中进行构建。 我们不再积极维护Ionic Framework的第3版。 有关哪些版本处于活动状态的更多信息，请参阅我们的。 因此，我们不再维护Ionic App脚本，我们建议开发人员将其应用程序更新为最新的框架版本。 它提供了一些新功能，错误修复，性能改进以及Ionic应用程序的最新工具。 有关如何升级的更多详细信息，请查看我们的。 离子应用程序脚本 帮助程序脚本，可快速启动和运行（减去配置过载）。 要获取最新的@ionic/app-scripts ，请运行： npm install @ionic/app-scripts@latest --sa
ionic启动，找不到app-scripts
凉快
02-16 2725
问题一 错误截图： 出现原因： 这个问题主要会发生在你安装老版本ionic的时候发生，主要是使用nodejs安装ionic的时候，node_modules\@ionic中的app-script没有安装上，导致启动的时候，项目找不到此文件。 解决办法： 前提: 1.修改你nodejs的源，否则你可能下载失败 npm config set registry http://regis...
iOS证书使用说明
木槿小凡的博客
05-06 902
前言 iOS在开发、打包测试、发布到AppStore时，都是需要配置相关证书来保证App的安全性的，若未配置相关证书，则无法进行相关的发布等操作。 证书说明 Certificates 为签名证书，用来给 App 签名。其包含了 CSR 的public Key,用来解析识别采用 private key签名的Code sign。 Profiles 为授权文件，App在执行 Development, Ad Hot，AppStore时需要授权才能进行，即需要在Xcode的 Signing & Capabi
ionic 极光推送 ios 篇
往╰沉
07-28 698
http://www.codeweblog.com/phonegap%E9%9B%86%E6%88%90%E6%9E%81%E5%85%89%E6%8E%A8%E9%80%81%E6%8F%92%E4%BB%B6-%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9/ http://www.cnblogs.com/tonge/p/5696058.html
ionic平台下的ios极光推送集成文档
我挚爱桃子
02-04 2490
ionic平台下的ios极光推送集成文档
ionic5-wordpress-app：Ionic 5 Wordpress应用（iOS和Android）
02-05
ionic5-wordpress-app Ionic 5 Wordpress应用程式（iOS和Android） 使用Ionic v5的简单应用程序构建。 该应用程序显示最新帖子。 类别和按类别浏览帖子 搜索所有帖子 分页 npm start尝试 在src/app/services/wordpress.service.ts更改mainUrl变量 如果您拥有一个自托管的Wordpress博客，那么它也可以与您实例的rest-api端点一起正常工作。 如果您拥有一个自托管的wordpress博客，请更改变量wp_org = true public wp_org: boolean = tru
IONIC项目JPUSH消息推送IOS集成
菜鸟先生
09-19 3744
1.JPush集成到IONIC项目 参考地址 2.Services.js新增factory angular.module('starter.services', []) .factory('Push',function(){ var push; return{ setBadge:function(badge){ if(push){
跨平台应用开发进阶(十四) ：uni-app 实现IOS原生APP-本地打包集成极光推送(JG-JPUSH)详细教程
IT全栈 华强工作室
05-08 5077
文章目录一、前言二、打包前准备工作2.1 配置应用标识(Bundle Identifier)2.2 配置应用名称2.3 配置应用版本名称2.4 配置应用版本号2.5 配置应用图标2.6 配置应用启动界面2.7 配置国际化，有2部分：2.7.1 内容相关的国际化2.7.2 Info.plist的国际化三、打包3.1 使用Hbuilderx生成本地打包APP资源3.2 证书导入四、遇到的问题及解决措施五、拓展阅读 一、前言 在前期博文《跨平台应用开发进阶(十一) ：uni-app 实现IOS原生APP-云打包集
ionic配置极光推送
好女绪的博客
04-29 2023
ionic配置极光推送 项目使用极光推送来实现消息推送，使用的极光推送是基于ionic的。下面将详细介绍如何创建应用，配置极光插件，为用户打标签，处理极光推送的消息和通知。 创建极光推送应用 首先，注册一个极光推送的账号。注册地址：https://www.jiguang.cn/accounts/register/form 注册成功后，创建一个应用。 创建应用成功后，我们可以获取到应用...
ionic集成极光推送插件-iOS
jiejie_j的博客
03-31 4610
1.首先创建一个ionic的项目 前面有介绍不详细说了也可以参考官方网站 2安装插件  $ sudo ionic plugin add https://github.com/DongHongfei/jpush-phonegap-plugin.git 就安装成功了 3.修改配置 修改PushConfig.plist 修改对应的APP_KEY和CHANNEL(渠道)
ionic+angularjs项目中使用极光推送
一只狐猴的博客
01-04 3108
功能诉求：一、平台通知广播 + 二、单个用户通知 一、以安卓为例，平台广播:在apk包中加入APP-KEY,无需服务端SDK下载 准备： 1.要使用的项目中，config.xml中的包名和项目名，盗图一张 2.在极光推送平台注册应用 应用名称就是cofig.xml的<name>中的名字 3.到刚刚创建的应用中，，这个sss应用名是我随手乱写的  安卓系统，填写安卓的...
给ionic4增加推送通知FCM插件
学无止境! 无休无止!
02-20 1376
开发环境ionic4 + angular8 + cordova 增加推送通知 增加插件 ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated npm install @ionic-native/fcm 代码 import { FCM } from '@ionic-native/fcm/ngx'; co...
IONIC3中接入极光推送
lucasey的博客
02-05 6309
最近公司ionic项目要求接入推送，查了一圈发现 只有 极光对于混合开发友好一些。查阅了相应资料，数量还是比较多，说法也各有各的。但是我接入了好长时间却一直没有成功，错误信息如图： 后来查阅官方文档发现，android支持的版本为7.0.0以下。经过仔细对比，ionic的插件@android7.0.0的结构目录相比较之前发生变化，下图： 因此，注意，目前极光推送的插件版本是不支持@
基于Ionic3和极光推送实现推送功能
liujiawei00的博客
12-10 489
我们的项目里使用极光推送来进行推送消息的接收。 1：在极光开发者服务中心配置应用 如果新建一个应用，会自动生成AppKey和Master Secret： 然后进行推送设置，否则无法接收推送。 Android： IOS： 注意这里iOS的APNS证书文件需要到苹果开发者中心进行配置，生产环境是用于发布之后的正式环境，开发环境是用于测试推送环境的。 极光官网文档有关于如何配置...
ionic-angular项目中打包的androidapk怎么实现消息推送功能
最新发布
07-13
在 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 文件。 请注意，以上步骤仅提供了一个大致的指导，具体的实现细节和代码可能会因你的项目结构和需求而有所不同。建议你参考相关插件和工具的文档以获取更详细的信息，并根据实际情况进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博主逸尘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值