9***@qq.com
9***@qq.com
  • 发布:2019-09-07 19:45
  • 更新:2021-06-30 17:16
  • 阅读:12921

uniapp接入极光推送

分类:uni-app

之前5+app根据极光的文档成功接入了极光推送,文档见https://github.com/jpush/jpush-hbuilder-demo
现在打算把项目转成uniapp模式,但是极光的文档是写给5+app的,js里面有window和document操作,在uniapp上不适用。
搜了一圈论坛也没找到解决方案,索性根据我刚学不到1个月的前端知识研究了一下(我是做安卓的),结果还成功了。
其实集成方式和5+的都一样,只是要修改极光官方的js文件而已,js文件见:https://github.com/jpush/jpush-hbuilder-demo/blob/master/jpush.js。
说下实现吧:

  1. uniapp不需要再监听plus,直接使用
  2. windows.plus 也不需要,直接使用plus
  3. 因为没有document了,所以极光写的事件发送接收机制就用不了了,这块要改,看了下uniapp的文档,发现可以用uni.$emit和uni.$on发送和监听事件。
    附上jpush.js文档
    使用:
    离线打包,基本的集成见极光的github文档,jpush.js需要替换
    1.在main.js里导入jpush.js
    import '@/‘你的文档目录’/jpush.js'

    2. 在app.vue的onLaunch()里监听事件(以接收自定义消息为例)

    uni.$on('jpush.receiveMessage',function(data){  
                console.log('监听到事件来自极光推送 ,携带参数 msg 为:' + data);  
                uni.showModal({  
                    title: '极光推送',  
                    content: "极光推送成功啦",  
                    success: function (res) {  
                        if (res.confirm) {  
                            console.log('用户点击确定');  
                        } else if (res.cancel) {  
                            console.log('用户点击取消');  
                        }  
                    }  
                })  
            })

    3.极光操作,和5+app的一样,调用plus.Push的对应方法即可(以设置alias为例)

    plus.Push.setAlias(alias);

对了,只在安卓上测试过~~~~~~

3 关注 分享
i***@163.com 1***@qq.com 将军心碎

要回复文章请先登录注册

jonychen1

jonychen1

可以试试uniapp插件【GoEasy】,官网给的参考demo很全面,用起来很容易上手。
2021-06-30 17:16
2***@qq.com

2***@qq.com

回复 s***@foxmail.com :
你好,你的dome叫我参考参考呗
2021-01-26 18:49
将军心碎

将军心碎

一语点醒梦中人啊, 我再点一下 plus.bridge.exec('Push', 'init', null);
2020-09-27 17:37
6***@qq.com

6***@qq.com

: Script error.
filename:
lineno:0 会出现这个错
2019-10-23 15:21
6***@qq.com

6***@qq.com

ios的好像不行
2019-10-23 14:00
6***@qq.com

6***@qq.com

mark
2019-10-23 10:16
瞅这里长命百寿

瞅这里长命百寿

回复 祥子888 :
官方都没有出插件,你怎么云打包?
2019-10-16 11:04
祥子888

祥子888

你好,这样集成极光推送的话,能云打包吗,离线打包太麻烦了
2019-10-15 14:21
s***@foxmail.com

s***@foxmail.com

解决问题,这个文档不够靠自己去弄真的不舒服,还好有论坛上的各位。谢谢
2019-09-24 17:04
1***@qq.com

1***@qq.com

您好,有现成的dome能参考一下么?
2019-09-23 14:47