|
1 | 1 | # push |
2 | | -webman push plugin |
| 2 | + |
| 3 | +webman push plugin |
3 | 4 | 具体使用请看:https://www.workerman.net/plugin/2 |
4 | 5 |
|
5 | | -## js文件说明 |
| 6 | +## js 文件说明 |
6 | 7 |
|
7 | 8 | --- |
8 | 9 |
|
9 | 10 | ```sh |
10 | 11 | push-uniapp.js #适用于uniapp项目内使用 |
11 | 12 | push-vue.js #适用于vue项目内使用 |
12 | | - push.js #适用于直接引入js常规项目内使用 |
| 13 | + push.js #适用于直接引入js常规项目内使用、 |
| 14 | + push-miniprogram.js #适用于微信小程序项目内使用 |
13 | 15 | ``` |
14 | 16 |
|
15 | 17 | ### push-vue.js 使用说明 |
16 | 18 |
|
17 | 19 | --- |
18 | 20 |
|
19 | | -1、将文件 push-vue.js复制到项目目录下,如:src/utils/push-vue.js |
| 21 | +1、将文件 push-vue.js 复制到项目目录下,如:src/utils/push-vue.js |
| 22 | + |
| 23 | +2、在 vue 页面内引入 |
20 | 24 |
|
21 | | -2、在vue页面内引入 |
22 | 25 | ```js |
23 | 26 |
|
24 | 27 | <script lang="ts" setup> |
25 | 28 | import { onMounted } from 'vue' |
26 | 29 | import { Push } from '../utils/push-vue' |
27 | 30 |
|
28 | 31 | onMounted(() => { |
29 | | - console.log('组件已经挂载') |
| 32 | + console.log('组件已经挂载') |
30 | 33 |
|
31 | 34 | //实例化webman-push |
32 | 35 |
|
@@ -69,6 +72,58 @@ onMounted(() => { |
69 | 72 | </script> |
70 | 73 |
|
71 | 74 | ``` |
72 | | - |
73 | 75 |
|
| 76 | +### push-miniprogram.js 使用说明 |
| 77 | + |
| 78 | +--- |
| 79 | + |
| 80 | +1、将文件 push-miniprogram.js 复制到项目目录下,如:src/utils/push-miniprogram.js |
| 81 | + |
| 82 | +2、在 app.js内引入 |
74 | 83 |
|
| 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