在 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 使用指南