Skip to content

Commit 571226d

Browse files
authored
Merge pull request #15 from Attax/feat/pusher
feat: 添加push小程序版本,添加onMessage参数异常兜底处理
2 parents 54b9064 + ad95732 commit 571226d

File tree

3 files changed

+1082
-136
lines changed

3 files changed

+1082
-136
lines changed

README.md

Lines changed: 62 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,35 @@
11
# push
2-
webman push plugin
2+
3+
webman push plugin
34
具体使用请看:https://www.workerman.net/plugin/2
45

5-
## js文件说明
6+
## js 文件说明
67

78
---
89

910
```sh
1011
push-uniapp.js #适用于uniapp项目内使用
1112
push-vue.js #适用于vue项目内使用
12-
push.js #适用于直接引入js常规项目内使用
13+
push.js #适用于直接引入js常规项目内使用、
14+
push-miniprogram.js #适用于微信小程序项目内使用
1315
```
1416

1517
### push-vue.js 使用说明
1618

1719
---
1820

19-
1、将文件 push-vue.js复制到项目目录下,如:src/utils/push-vue.js
21+
1、将文件 push-vue.js 复制到项目目录下,如:src/utils/push-vue.js
22+
23+
2、在 vue 页面内引入
2024

21-
2、在vue页面内引入
2225
```js
2326

2427
<script lang="ts" setup>
2528
import { onMounted } from 'vue'
2629
import { Push } from '../utils/push-vue'
2730

2831
onMounted(() => {
29-
console.log('组件已经挂载')
32+
console.log('组件已经挂载')
3033

3134
//实例化webman-push
3235

@@ -69,6 +72,58 @@ onMounted(() => {
6972
</script>
7073

7174
```
72-
7375

76+
### push-miniprogram.js 使用说明
77+
78+
---
79+
80+
1、将文件 push-miniprogram.js 复制到项目目录下,如:src/utils/push-miniprogram.js
81+
82+
2、在 app.js内引入
7483

84+
```js
85+
86+
87+
import Push from '../utils/push-miniprogram'
88+
89+
App({
90+
91+
onLanuch(() => {
92+
93+
//实例化webman-push
94+
95+
// 建立连接
96+
var connection = new Push({
97+
url: 'ws://127.0.0.1:3131', // websocket地址
98+
app_key: '<app_key,在config/plugin/webman/push/app.php里获取>',
99+
auth: 'https://你的域名.com/plugin/webman/push/auth' // 订阅鉴权(仅限于私有频道)
100+
});
101+
102+
// 假设用户uid为1
103+
var uid = 1;
104+
// 浏览器监听user-1频道的消息,也就是用户uid为1的用户消息
105+
var user_channel = connection.subscribe('user-' + uid);
106+
107+
// 当user-1频道有message事件的消息时
108+
user_channel.on('message', function (data) {
109+
// data里是消息内容
110+
console.log(data);
111+
});
112+
// 当user-1频道有friendApply事件时消息时
113+
user_channel.on('friendApply', function (data) {
114+
// data里是好友申请相关信息
115+
console.log(data);
116+
});
117+
118+
// 假设群组id为2
119+
var group_id = 2;
120+
// 浏览器监听group-2频道的消息,也就是监听群组2的群消息
121+
var group_channel = connection.subscribe('group-' + group_id);
122+
// 当群组2有message消息事件时
123+
group_channel.on('message', function (data) {
124+
// data里是消息内容
125+
console.log(data);
126+
});
127+
})
128+
})
129+
```

0 commit comments

Comments
 (0)