当前位置:首页 > 技术分析 > 正文内容

3分钟搞定UNIAPP对接极光推送,获取推送消息

ruisui882个月前 (02-27)技术分析26

1.在极光官网首页完成登录注册,关联你的app,获取appkey



2.在HBuilder编辑器中打开uniapp项目,并在插件市场搜索极光推送官方插件(认准官方插件,如下图),导入到你的项目中



3.在你的项目中APP.vue同级目录下新增nativeplugins文件夹,将官网给的JG-JCore 和 JG-JPush文件夹复制到nativeplugins下,点击manifest.json,找到app原生插件配置,选择本地原生插件,勾选这俩插件,然后再输入第一步获取的appkey





4.点击manifest.json,找到App模块配置Push(消息推送),只需要勾选Push。


5.页面代码展示,再App.vue中的onLaunch钩子函数中写对应的消息推送业务

第一步: 获取通知权限,判断是否有权限,没有就弹窗点击跳转打开权限

调用this.noticeMsgTool();

第二步: 初始化极光推送

this.initPush();

详细代码如下,亲自验证过,只要第一步先申请好Appkey,将按照步骤,将代码放入进去,然后打包自己的基座运行,发送消息就可以再通知栏看到了,没有点开的时候,应用程序会有角标显示,点击通知栏消息,可以设置跳转到指定的app页面;




扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2326.html

标签: vue弹窗组件
分享给朋友:

“3分钟搞定UNIAPP对接极光推送,获取推送消息” 的相关文章

适合旧电脑2022年值得推荐的 10 款轻量级 Linux 发行版

推荐 10 款轻量级Linux 发行版,它们是 2022 年的轻量级、对旧硬件友好的 Linux 发行版。1、Linux LiteLinux Lite 是一款基于#ubuntu# 和 Debian 的、正在不断开发和完善的 Linux 发行版,极好看的 Xfce 桌面,并基于 Ubuntu,采用了...

带你五步学会Vue SSR

作者:liuxuan 前端名狮转发链接:https://mp.weixin.qq.com/s/6K6GUHcLwLG4mzfaYtVMBQ前言SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官...

html5+css3做的响应式企业网站前端源码

大家好,今天给大家介绍一款,html5+css3做的响应式企业网站前端源码 (图1)。送给大家哦,获取方式在本文末尾。首页banner幻灯片切换特效(图2)首页布局简约合理(图3)关于我们页面(图4)商品列表(图5)商品详情(图6)服务介绍(图7)新闻列表(图8)联系我们(图9)源码完整,需要的朋友...

Excel中的FILTER函数详细介绍及使用示例

在Excel中处理大量数据时,经常需要根据特定条件筛选出符合条件的数据行或列。这正是Excel的FILTER函数发挥作用的地方。FILTER函数是Excel中一个非常强大的工具,它可以基于一个或多个条件动态地过滤数据,使数据分析和报告制作变得更加高效和准确。本文将详细介绍FILTER函数的用法,并提...

Vue页面传参详解

一、两种方式方法1:name跳转页面this.$router.push({name:'anotherPage',params:{id:1}})另一页面接收参数方式:this.$route.params.id示例:控制台展示:方法2:path跳转页面this.$router.push(...

Vue学习笔记之动态路由的参数传递应用及技巧

路由的参数传递:①通过params的类型· 配置路由格式:/router/:id· 传递的方式:在path后面跟上对应的值· 传递后形成的路径:/router/list,/router/profile这个就是前两篇中提到的"动态路由"中有应用过这个方法:②通过query的类型(对象方...