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

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

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

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对接极光推送,获取推送消息” 的相关文章

云时代,Linux和容器为王,微软推出自己的发行版Azure Linux

看到今天的微软,其前CEO史蒂夫.鲍尔默肯定会后悔在15年前说过的一句话“Linux 是一种癌症(Linux is a cancer)”。 因为今天的微软不光靠Linux赚的钵满盆满,而且还发行了自己的Linux发行版Azure Linux。为了提高其云服务和容器化服务水平,其Azure公有云平台提...

Vue3 中有哪些值得深究的知识点?

众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注!1、createAppvue2 和 vue3 在创建实例时,有很大的区别,具体对比如下://Vue 2 Vue.use({ router, store,...

2021最全VUE面试题,奥利给

1. vue-router用过没,哪些常用的钩子函数路由钩子的执行流程,钩子函数种类有:全局守卫、路由守卫、组件守卫。首页可以控制导航跳转, beforeEach , afterEach 等,?般?于页? title 的修改。?些需要登录才能调整??的重定向功能。beforeEach 主要有3个参数...

Git分布式系统---Gitlab多人工作流程

前言在上一次推文中,我们已经很清楚的讲解了如何创建本地仓库、提交(push)项目到远程仓库以及从远程仓库clone(克隆)项目到本地的相关操作。大家可以先去看前面的推文(快速掌握Git分布式系统操作)点击查看目前无论你是否步入社会还是在校学生,都会使用Gitlab来进行团队的代码管理。(可以这样说:...

理解virt、res、shr之间的关系(linux系统篇)

前言想必在linux上写过程序的同学都有分析进程占用多少内存的经历,或者被问到这样的问题——你的程序在运行时占用了多少内存(物理内存)?通常我们可以通过top命令查看进程占用了多少内存。这里我们可以看到VIRT、RES和SHR三个重要的指标,他们分别代表什么意思呢?这是本文需要跟大家一起探讨的问题。...

祸害阿里云宕机3小时的IO HANG究竟是什么?

本文来自微信公号“CSDN”(ID:CSDNnews),作者 | 王知无, 责编| 郭 芮。2019年3月3日凌晨,微博炸锅,有网友反映说阿里云疑似出现宕机,华北很多互联网公司受到暴击伤害,APP、网站全部瘫痪,我自己的朋友圈和微信群里也有好友反馈,刚刚从被窝被叫起来去修Bug,结果发现服务器登不上...