|
|
|
@ -1,23 +1,22 @@ |
|
|
|
## 组件说明 |
|
|
|
1. 此组件为页面组件，实现了Socket连接/好友/群组/新消息/历史消息，且都是全局配置全局本地化存储，兼容H5/微信小程序/安卓App（其他平台未做调试） |
|
|
|
|
|
|
|
2. 此组件中已提供示例工程，其中的接口和websocket服务，仅供各位开发者调试使用，正式发布需自行实现接口和websocket服务。 |
|
|
|
1. 此组件为页面组件，实现了 WebSocket连接/好友/群组/新消息/历史消息，且都是 全局配置/全局本地化存储，兼容 H5/微信小程序/安卓App <font color="gray">*（ 其它平台未测试 ）*</font> |
|
|
|
|
|
|
|
|
|
|
|
## 自行准备内容 |
|
|
|
|
|
|
|
1. WebSocket服务，替换.env.development下VITE_APP_SOCKET_URL地址 |
|
|
|
1. 此组件提供示例工程，其中的 接口服务 和 WebSocket服务 ，仅供各位开发者调试使用，正式发布需自行实现 |
|
|
|
|
|
|
|
websocket需要实现连接，实现心跳检测/离线消息/在线消息/已读回执4种消息类型 |
|
|
|
2. 接口服务，实现 /api/chat.js 和 /api/login.js 里面的方法 |
|
|
|
|
|
|
|
2. 接口服务，实现聊天/api/chat.js和/api/login.js里面的方法 |
|
|
|
3. WebSocket服务，实现 连接和心跳检测/离线消息/在线消息/已读回执4种消息类型 |
|
|
|
|
|
|
|
|
|
|
|
## 引用说明 |
|
|
|
|
|
|
|
### 1. 路由说明 |
|
|
|
|
|
|
|
导入组件后，在pages.json中会自动注册组件，若未注册可手动添加 |
|
|
|
导入组件后，在 pages.json 中会自动注册组件，若未注册可手动添加 |
|
|
|
``` javascript |
|
|
|
{ |
|
|
|
"path": "uni_modules/vrapile-im/pages/home/chatHome", |
|
|
|
@ -58,17 +57,18 @@ |
|
|
|
``` |
|
|
|
|
|
|
|
### 2. 页面样式修改 |
|
|
|
页面样式在/uni_modules/vrapile-im/static/style/下的nine-chat-home-001.scss和nine-chat-friend-001.scss中， |
|
|
|
页面样式在 <font color="Magenta">/uni_modules/vrapile-im/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font> 中， |
|
|
|
|
|
|
|
可通过重写/static/style/下的nine-chat-home-001.scss和nine-chat-friend-001.scss，将原样式替换 |
|
|
|
可重写 <font color="Magenta">/static/style/</font> 下的 <font color="Magenta">nine-chat-home-001.scss</font> 和 <font color="Magenta">nine-chat-friend-001.scss</font>，将原样式替换 |
|
|
|
|
|
|
|
|
|
|
|
## 演示说明 |
|
|
|
|
|
|
|
以下共用一个后端，全部互通 |
|
|
|
以下所有工程共用一个后端，账号互通 |
|
|
|
<font color="gray">（ *皆可用访客账号/密码：visitor/visitor* ）</font> |
|
|
|
|
|
|
|
<br> |
|
|
|
示例工程[<a href="https://git.ninecloud.top/yuanlei/udemo-im.git" target="_blank">源码</a>]运行效果： |
|
|
|
示例工程 [<a href="https://git.ninecloud.top/yuanlei/udemo-im.git" target="_blank"> 源码 </a>] 运行效果： |
|
|
|
|
|
|
|
<a href="https://www.ninecloud.top/udemo/im/index.html" target="_blank">https://www.ninecloud.top/udemo/im/index.html</a> |
|
|
|
|
|
|
|
@ -78,18 +78,16 @@ |
|
|
|
<br> |
|
|
|
|
|
|
|
|
|
|
|
演示商城H5效果： |
|
|
|
演示商城效果：<font color="gray">（ *H5中可下载安卓App* ）</font> |
|
|
|
|
|
|
|
<a href="https://www.ninecloud.top/unine/index.html" target="_blank">https://www.ninecloud.top/unine/index.html</a> |
|
|
|
|
|
|
|
<img src="https://fs.ninecloud.top/uniapp/unine/qrcode.png" width="300"> |
|
|
|
|
|
|
|
<font color="gray">H5中可下载安卓App</font> |
|
|
|
|
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
演示PC前端（与此组件无关，可用于多端消息互相发送测试）： |
|
|
|
演示PC前端：<font color="gray">（ *与此组件无关，可用于多端消息互相发送测试* ）</font> |
|
|
|
|
|
|
|
<a href="https://www.ninecloud.top/msw/index" target="_blank">https://www.ninecloud.top/msw/index</a> |
|
|
|
|
|
|
|
@ -97,8 +95,6 @@ |
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
注：新注册账号，默认添加【visitor】为好友，默认加入【客服专用群】群 |
|
|
|
|
|
|
|
因此，可用访客/注册账号登录以上任意系统，可任意发送消息，皆能同步显示 |
|
|
|
*注：通过以上系统新注册账号，默认添加 visitor 为好友，默认加入 客服专用群 群* |
|
|
|
|
|
|
|
（*以上系统皆可用访客账号/密码：visitor/visitor*） |
|
|
|
*以上任意系统之间，IM消息皆能同步显示* |
