更新记录
1(2025-06-17) 下载此版本
消息推送和桌面角标
平台兼容性
uni-app(4.29)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.29)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
uni-push-plugs
插件简介
uni-app 原生推送插件,支持安卓、iOS、鸿蒙,集成小米、华为、OPPO、VIVO、FCM、APNs、极光等主流推送SDK,支持桌面角标。
平台兼容性
- Android(小米/华为/OPPO/VIVO/FCM)
- iOS(APNs/极光/友盟等)
- 鸿蒙(华为Push Kit)
安装方法
将插件导入 uni_modules
或 js_sdk
目录,并确保原生端已集成。
2. JS API 引用
import uniPush from '@/js_sdk/uni-push.js'
## API文档
### sendNotification
发送推送通知(本地/远程由原生层决定)
**参数:**
- title: 通知标题
- content: 通知内容
- msgId: 消息唯一ID
**示例:**
```js
uniPush.sendNotification({
title: '新消息',
content: '您有一条新消息',
msgId: Date.now()
}).then(() => {
console.log('推送成功')
})
### setBadge
设置桌面角标
**参数:**
- count: 未读消息数
**示例:**
uniPush.setBadge(5)
### onMessageClick
监听推送点击跳转(需原生层通过JSBridge触发)
**示例:**
uniPush.onMessageClick((msg) => {
uni.navigateTo({
url: `/pages/message/message?msgId=${msg.msgId}`
})
})