feats

config/dev.js

@@ -5,7 +5,7 @@ module.exports = {
   defineConstants: {
     HOST: '"https://xlk.njyz.tech"',
     // HOST: '"http://127.0.0.1:8081"',
-    WSS_HOST: '"ws://xlk.njyz.tech"',
+    WSS_HOST: '"wss://xlk.njyz.tech"',
     OSS_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',
     OSS_FAST_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',
     ICON_FONT: '"https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/css/iconfont.ttf"',

src/pages/chat/chatDetail/index.jsx

@@ -5,7 +5,7 @@ import withLayout from '@/layout'
 import { API_QUERY_USERINFO_BYID } from '@/constants/api'
 import { ROLE_CODE } from '@/constants/user'
 import { uploadFiles, fetch } from '@/utils/request'
-import { queryChatHistory } from '@/services/chat'
+import { queryChatHistory, setMessageReaded } from '@/services/chat'
 import im from '@/utils/im'
 import { getDateForHumans } from '@/utils/chatDate'
 import '@/assets/css/iconfont.css'
@@ -117,10 +117,6 @@ export default withLayout((props) => {
         setReceiver(res)
         getChatHistory({ pageNumber: 1 })
       })
-
-      const unsubsribe = im.listen((message) => {
-
-      })
     } else {
       Taro.showToast({
         title: '无聊天对象，请退出重试',
@@ -130,6 +126,17 @@ export default withLayout((props) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [friend])
 
+  useEffect(() => {
+    return im.listen((message) => {
+      const receiveData = JSON.parse(message)
+      setPageList(PageList.concat(receiveData))
+      // 滚动到底部
+      scroll()
+      // 更新记录为已读
+      setMessageReaded(receiveData.chatId)
+    })
+  }, [PageList, scroll])
+
   return (
     <view className='chatDetail flex-v'>
       <view className='flex-item'>

src/utils/im/listeners.js

@@ -1,6 +1,6 @@
 
 export default () => {
-  const listeners = []
+  let listeners = []
 
   function getIndex(name) {
     for (let i = 0; i < listeners.length; i += 1) {
@@ -17,7 +17,11 @@ export default () => {
     listeners = listeners.filter((f) => f.name !== name)
   }
 
-  function append(name, fun) {
+  function append(fun, name) {
+    if (!name) {
+      name = Math.random().toString(36).substring(2)
+    }
+
     const pos = getIndex(name)
     if (pos === -1) {
       listeners.push({ name, fun })

src/utils/im/sdk.js

@@ -60,7 +60,7 @@ export default function IMSDK() {
       }).then((task) => {
         console.log(`[${now()}]`, '[WS] [connect]', task)
         instanceRef.current = task
-  
+
         task.onOpen(function () {
           console.log(`[${now()}]`, '[WS] [onOpen]', paramsRef.current)
           resolve()
@@ -68,7 +68,7 @@ export default function IMSDK() {
 
         task.onMessage(function (msg) {
           console.info(`[${now()}]`, '[WS] [onMessage]', msg)
-          instanceRef.onMessage().forEach((f) => f(msg))
+          instanceRef.onMessage().forEach((f) => f(msg.data))
         })
 
         task.onError(function (error) {