Uniapp 消息推送实现步骤及代码示例

以下是使用 Uniapp 实现消息推送的代码示例，该示例涵盖了安卓和 iOS 平台的推送服务初始化、消息处理等内容。

在 manifest.json 文件中添加权限声明：

"app-plus": {
  "permissions": {
    "push": {
      "description": '用于接收推送消息'
    }
  }
}

在 main.js 文件中初始化推送服务：

import push from '@/common/push.js'

// 初始化推送服务
push.init()

在 common 文件夹下新建 push.js 文件，并编写推送服务的代码：

const push = {
  // 初始化推送服务
  init() {
    if (uni.getSystemInfoSync().platform === 'android') {
      // 安卓平台
      this.initAndroidPush()
    } else {
      // iOS平台
      this.initIOSPush()
    }
  },

  // 初始化安卓推送服务
  initAndroidPush() {
    const that = this
    // 注册推送服务
    plus.push.register(
      function(msg) {
        // 处理推送消息
        that.handlePushMessage(msg)
      },
      function(error) {
        console.log('推送服务注册失败: ' + error.message)
      }
    )
  },

  // 初始化iOS推送服务
  initIOSPush() {
    const that = this
    // 监听接收到的推送消息
    plus.push.addEventListener(
      'receiveMessage',
      function(msg) {
        // 处理推送消息
        that.handlePushMessage(msg)
      },
      false
    )
    // 注册推送服务
    plus.push.register(
      function(token) {
        console.log('推送服务注册成功，token为：' + token)
      },
      function(error) {
        console.log('推送服务注册失败: ' + error.message)
      }
    )
  },

  // 处理推送消息
  handlePushMessage(msg) {
    console.log('收到推送消息: ' + JSON.stringify(msg))
    // TODO: 处理推送消息
  }
}

export default push

在接收到推送消息时，可以在 handlePushMessage 方法中处理推送消息的内容，例如展示弹窗或跳转到指定页面等。

需要注意的是，推送服务需要在真机上测试，因为在模拟器上无法正常运行。此外，推送服务需要在后端服务器上配置相应的推送接口，以便向移动设备发送推送消息。