在 uni-app 使用 unipush 要先了解文檔。
H5聯(lián)盟 push 文檔鏈接

一、首要工作

• 在manifest.json里的App模塊權(quán)限配置里勾選Push(消息推送)，再勾選二級 uniPush
  

  配置勾選

• 點(diǎn)擊配置去官網(wǎng)按照要求填寫信息

  
  
  官網(wǎng)配置

二、代碼

1、要求

• 想接收推送，手機(jī)要打開通知權(quán)限
• 前端需要 clientid 傳給后端 clientid 是客戶端標(biāo)識

// 建議 login 時傳值給后端
let clientid = plus.push.getClientInfo()
data.clientid = clientid

2、在項(xiàng)目入口 App.vue 頁面 接收推送消息

App.vue 里生命周期 onLaunch 監(jiān)聽

onLaunch() {
    //#ifdef APP-PLUS
    // 監(jiān)聽在線消息事件
    plus.push.addEventListener(
      'receive',
      (msg) => {
        // 這是接收的內(nèi)容
        console.log('recevice:' + JSON.stringify(msg))
        // 這里獲取后端傳來的參數(shù)
        console.log(JSON.parse(msg.content))
        // 這里可以寫跳轉(zhuǎn)邏輯代碼
      },
      false
    )

    /* 5+  push 消息推送 ps:使用:H5+的方式監(jiān)聽，實(shí)現(xiàn)推送*/
    plus.push.addEventListener(
      'click',
      (msg) => {
        console.log('click:' + JSON.stringify(msg))
        /**
         *  推送的標(biāo)題/名字和內(nèi)容
         *  payload:{"title":"碎碎z","content":"聊天內(nèi)容"}
         */
        console.log(msg.payload)
      },
      false
    )

    //#endif
  },

本文講的是 APP 打開時接收在線消息。
如需接收離線，請參考 uniPush 使用指南