UNI-APP 使用 推送 unipush 问题

1,660 阅读1分钟

在 uni-app 使用 unipush 要先了解文档。 H5联盟 push 文档链接

一、首要工作

  • manifest.json里的App模块权限配置里勾选Push(消息推送),再勾选二级 uniPush 在这里插入图片描述

  • 点击配置去官网按照要求填写信息 在这里插入图片描述

二、代码

1、要求

  • 想接收推送,手机要打开通知权限
  • 前端需要 clientid 传给后端 clientid 是客户端标识
// 建议 login 时传值给后端
let clientid = plus.push.getClientInfo()
data.clientid = clientid

2、在项目入口 App.vue 页面 接收推送消息

App.vue 里生命周期 onLaunch 监听

onLaunch() {
    //#ifdef APP-PLUS
    // 监听在线消息事件
    plus.push.addEventListener(
      'receive',
      (msg) => {
      	// 这是接收的内容
        console.log('recevice:' + JSON.stringify(msg))
        // 这里获取后端传来的参数
        console.log(JSON.parse(msg.content))
        // 这里可以写跳转逻辑代码
      },
      false
    )

    /* 5+  push 消息推送 ps:使用:H5+的方式监听,实现推送*/
    plus.push.addEventListener(
      'click',
      (msg) => {
        console.log('click:' + JSON.stringify(msg))
        /**
         *  推送的标题/名字和内容
         *  payload:{"title":"碎碎z","content":"聊天内容"}
         */
        console.log(msg.payload)
      },
      false
    )

    //#endif
  },

本文讲的是 APP 打开时接收在线消息。 如需接收离线,请参考 uniPush 使用指南