uniapp 极光推送插件接入成功示例 点击通知栏消息可以传指定参数并跳到应用指定页面

已于 2022-08-11 09:26:53 修改
阅读量1.5k 收藏 5
点赞数 2
分类专栏： uni-app开发学习和总结 文章标签： vue.js 前端 javascript
于 2022-07-11 10:24:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DarlingYL/article/details/125675701
版权

一、首先创建uniapp项目、生成安卓签名

目的是为了拿到安卓应用包名以及打包自定义基座
不会生成安卓签名可以看这篇我的文章https://blog.csdn.net/DarlingYL/article/details/114525485?spm=1001.2014.3001.5502

二、下载导入插件（免费的）

1. 极光JPush官方SDK
2. 极光JCore官方SDK
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
一直按照提示操作即可

三、在极光推送官网创建应用

首先注册账号，之后再进行创建应用
极光推送-创建应用教程
创建完成后可以获取到AppKey，（包名不可改，创建时请注意！！）
在这里插入图片描述

四、manifest.json文件配置

在这里插入图片描述
在这里插入图片描述
选择插件后会出现下面的配置项
在这里插入图片描述

五、使用自定义基座打包

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

六、创建推送消息

在这里插入图片描述
在这里插入图片描述
输入文案后可以预览

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

七、代码仓库

https://github.com/ww-yy-ll/uniapp-JGPushDemo.git

到这里就成功了。

拾一九
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
跨平台应用开发进阶(八) ：uni-app 实现Android原生APP-云打包集成极光推送(JG-JPUSH)详细教程_uniapp 没有 jpush_appkey_android
2401_84446825的博客
05-04 383
console.log(‘监听到了连接状态变化 — ‘, connectStr)console.log(result.registerID,“注册ID…connectStr = ‘已连接’;connectStr = ‘未连接’;
极光推送封装（页面跳转，设置角标，设置别名）
03-20
对极光推送做了封装，避免AppDelegate代码臃肿，优化了代码，OC编写，直接导入到程序中就可以了
极光推送 - uniapp 使用
hsl200002的博客
05-22 317
【代码】极光推送 - uniapp 使用。
极光推送-点击通知栏跳到指定页面
热门推荐
kuyue的专栏
10-11 2万+
在MyReceiver接收器里面，添加以下代码： if (JPushInterface.ACTION_NOTIFICATION_OPENED.equals(intent.getAction())) { Log.d(TAG, "[MyReceiver] 用户点击打开了通知"); //打开自定义的Activity
uniapp引用极光推送 插件
weixin_43138190的博客
04-07 6570
极光推送 uni-app 详细流程
uniapp对接极光推送
qq_58101212的博客
11-14 2636
在App.vue中编写如下代码：（注意：极光推送信息通知回调中那个路径要改，路径就是你点击通知会打开到这个路径对应的页面）创建应用：【概览】- 【创建应用】，填写应用名称和图标（填写项目名称，项目logo就行，也可填写其他的）点击【推送设置】可查看android和ios的AppKey和Secret，后续需要使用。设置应用包名(图中仅为示例，最好是×××.×××.××格式)，点击下一步。【Hx中运行】=>【运行到手机或模拟器】=>【制作自定义调试基座】选择【消息推送】服务，点击下一步。
uni-app打包安卓app如何接入极光推送（JG-JPush）？
jz_jingzhen的博客
07-13 1998
最近公司在做uni-app的跨端应用，其中在打包app时需要用到消息推送功能，经过一番摸索也是终于弄通并成功集成了第三方极光推送。话不多说，直接开撸： 一.我们需要用到的一些插件以及极光平台的官网链接： 1.极光推送官方SDK 2.极光JCore官方SDK 3.极光官网平台 4.极光官方demo 二.具体实现： 1.上面的前两个链接是极光推送的官方插件，需要我们下载下来用作本地插件使用（或者直接在Dcloud绑定云插件，和其他插件的引入方式没有大致的区别，就不在累述。） 如果是本地插件的话，需要在项目下创
uni-app接入极光推送
前端
01-07 1972
uniPush和uni接极光推送选择 初创项目可使用uniPush, 二开项目原公司用的极光你就用极光 但是你要清楚的是: 1 离线推送都是要花钱的. 2 uniPush更简单, 获取唯一设备标识 plus.device.uuid 但是推送只有5个端, 后续更新记得看更新进度. 3 极光推送平台更多, 但是在uni这边也是要购买插件的, 而且插件支持和uniPush一致,记得关注插件更新. 这里说明对接极光推送的过程以及一些避坑操作(以android为例): 买插件: 填包名, 购买(包名千万与极光
Android中集成极光推送实现推送消息通知与根据别名指定推送示例代码.rar
02-23
Android中集成极光推送实现推送消息通知与根据别名指定推送示例代码.rar Android中集成极光推送实现推送消息通知与根据别名指定推送示例代码.rar Android中集成极光推送实现推送消息通知与根据别名指定推送示例代码....
laravel框架使用极光推送消息操作示例
12-19
本文实例讲述了laravel框架使用极光推送消息。分享给大家供大家参考，具体如下： 最近需要使用极光推送往客户端推消息，所以这里记录下使用过程。 极光推送的服务端文档： ...极光推送服务端PHP代码： ...
Flutter应用集成极光推送的实现示例
08-24
Flutter应用集成极光推送的...本文主要介绍了 Flutter 应用集成极光推送的实现示例，包括添加极光插件、配置极光推送和极光推送的优势。通过使用极光推送，可以快速实现消息推送功能，提高应用的用户体验和运营效率。
uniapp传奇开心果编程移动应用原创示例页面模板和项目示例
最新发布
01-09
内容概要：uniapp移动应用开发原创页面模板和项目示例，共十四个uniapp页面示例模板，十三个uniapp项目示例。基于Vue技术，使用HBuilderX开发工具开发的跨平台应用页面示例模板和示例项目。Uniapp可以实现一次编码，...
极光推送、点击通知栏打不开app
ssssxy的博客
11-20 3760
暂时用的极光推送的版本： implementation 'cn.jiguang.sdk:jpush:3.2.0' implementation 'cn.jiguang.sdk:jcore:1.2.7' 很早之前接极光推送并没有发现什么问题、后面可能是极光推送升级了、我用小米Mix6测试、后台推送过来的自定义消息有多条的情况下、我这里点击通知栏只有第一条可以打开APP、后面几条都不行、...
Android 解决极光推送点击通知栏消息APP会重启的问题
weixin_40920751的博客
02-25 2453
android 解决极光推送点击通知栏消息APP会重启的问题 初衷：看了网上蛮多文档都提到了设置Intent.FLAG_ACTIVITY_NEW_TASK ，但这只是解决了能新建Activity跳转指定页面，尝试点击返回，之前的Activity就会被重置，也就是感觉APP重启了一下的感觉，于是还是要想办法解决这种差的体验。 后面浏览了极光社区，看到官方回复了这么一段话（其他的不用看，也没用） 那就可以推测也就是在点击通知栏的消息的时候，系统自动调用了clear之前的activity，于是索性来到recei
iOS 远程推送(极光推送) 根据后台推送内容的不同跳转指定页面(不断更新)
kiss20的专栏
10-28 878
基本步骤就不再说了,可以谷歌 远程推送应用配置过程 一. 创建支持远程推送功能的App ID 二. 创建推送证书(开发证书和发布证书)和描述文件 三. 下载CER文件，并导入钥匙串管理 四. 我们需要重新生成一下配置文件 下面开始就介绍,点击推送的内容跳转指定页面 现在点击推送消息，有两种跳转方式： one.打开应用，跳转到应用首页； 默认的效果是点击推送消息,会直接进入应用,什么都不用设置,只要注册极光应用就可以。可以参考官方文档，写的非常详细,直接拷贝文档代码即可。 two.打开应用，跳转到指定页面。.
uni-app 个推监听
源氏公子i 的博客
07-22 1611
plus.push.addEventListener("click", function(msg) { uni.reLaunch({ url: '/pages/message/index' }); }, false); plus.push.addEventListener("receive", function(msg) { if ('LocalMSG' !== msg.payload) { if (plus.os.name != 'iOS') .
uniapp轻松集成极光推送自定义消息+通知 Android极光 IOS极光 两行代码集成极光SDK
xsy341341的博客
09-13 2360
##【前言】极光推送（JPush）。因为项目使用了uniapp框架做开发，为了更方便的接入极光，统一数据处理，开始着手开发android+ios统一的极光推送插件。
uni-app开启app推送push服务
爱吃猫的鱼
10-24 1858
uni-app开启app推送push服务,push，指服务器主动向客户端发送消息的技术。无需客户端持续轮询服务器，即可获得即时数据。打基座包顺序(原生app打包选择自定义基座)
uniapp push接到推送跳转到相应的页面
weixin_48069658的博客
01-05 904
uniappp应用后台执行时接收到推送消息，消息展示到通知栏，并且点击通知栏可以到达相应的页面。
uniapp极光推送点击通知跳转到某个页面
09-12
在uni-app中，我们可以通过以下步骤实现极光推送点击通知跳转到某个页面。 第一步是引入极光推送插件，可以通过uni-app官方插件市场或者手动下载插件并导入项目中。 第二步是在App.vue文件中配置极光推送相关信息，包括appKey和masterSecret等。具体配置信息可以在极光推送的开发者后台获取。 第三步是在App.vue文件中监听极光推送的点击事件，当用户点击通知时触发相应的回调函数。 第四步是在回调函数中处理点击通知的逻辑，包括获取通知的内容和参数，根据参数决定跳转到哪个页面。 具体示例代码如下所示： ``` // 在App.vue文件中监听极光推送点击事件 onShow: function() { // 监听点击通知事件 uni.$on('jpush.click', this.onJpushClick); }, // 处理点击通知的逻辑 onJpushClick: function(payload) { // 获取通知的内容和参数 var content = payload.content; var params = payload.extras; // 根据参数决定跳转到哪个页面 if (params.page === 'home') { uni.navigateTo({ url: '/pages/home/home' }); } else if (params.page === 'about') { uni.navigateTo({ url: '/pages/about/about' }); } else { // 默认跳转到首页 uni.navigateTo({ url: '/pages/home/home' }); } }, ``` 以上就是通过uni-app实现极光推送点击通知跳转到某个页面的步骤和示例代码。通过监听点击事件，我们可以在回调函数中处理逻辑，根据通知的参数跳转到相应的页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值