socket

common/utils/index.js

@@ -2,15 +2,15 @@
  * @Author: ch
  * @Date: 2022-03-22 16:52:28
  * @LastEditors: ch
- * @LastEditTime: 2022-04-26 17:52:05
+ * @LastEditTime: 2022-04-26 19:04:27
  * @Description: 所有工具类统一在这输出
  */
 import * as util from './utils';
 import * as requset from './requset';
-// import * as websocket from './requset';
+import * as websocket from './requset';
 
 export * from './utils';
 export * from './requset';
-// export * from './websocket';
+export * from './websocket';
 
-export default { ...util, ...requset}
+export default { ...util, ...requset, ...websocket}

common/utils/requset.js

@@ -2,16 +2,16 @@
  * @Author: ch
  * @Date: 2022-03-17 17:42:32
  * @LastEditors: ch
- * @LastEditTime: 2022-04-26 18:13:01
+ * @LastEditTime: 2022-04-26 18:35:18
  * @Description: 项目接口请求统一处理器，返回一个需要token和不需要token的请求封装方法
  */
 
 import MsbUniRequest from '@/common/plugins/msbUniRequest';
 import $store from '@/common/store';
 
-const ENV = 'prod';
+const ENV = 'test';
 const BASE_URL = {
-	'test' : 'https://like-app.mashibing.com/test',
+	'test' : 'https://k8s-horse-gateway.mashibing.cn',
 	// 'test' : '',
 	'release' : '',
 	'prod' : '//like-gateway.mashibing.com'

common/utils/websocket.js

@@ -2,31 +2,13 @@
  * @Author: ch
  * @Date: 2022-04-25 14:39:19
  * @LastEditors: ch
- * @LastEditTime: 2022-04-26 16:28:01
+ * @LastEditTime: 2022-04-27 10:12:40
  * @Description: file content
  */
 import store from "../store";
 import {createUUID, formatDate} from '@/common/utils';
-export const MsbWebSkt = uni.connectSocket({
-	url : `ws://192.168.10.92:8090/ws?client=${store.state.token}`, // url是websocket连接ip
-	success: () => {
-		console.log('websocket连接成功！')
-	},
-	fail: e => {
-		console.log('连接失败' + e)
-	}
-});
-MsbWebSkt.onClose(()=>{
-	console.log('WebSocket关闭...！')
-})
 let sessionListFlag = false;
-MsbWebSkt.onMessage((res)=>{
-	const data = JSON.parse(res.data || {});
-	if(data.code === 200){
-		const ctx = data.content;
-		switch(data.traceType){
-			// 会话列表
-			case 1 : 
+const sessionList = (ctx) => {
 	sessionListFlag = true;
 	// 来新消息先查会话列表是否一存在，存在则加消息数。不存在则向会话列表加一个会话框
 	ctx.sessionVOS.forEach(item => {
@@ -45,9 +27,8 @@ MsbWebSkt.onMessage((res)=>{
 	});
 	// 消息总数
 	store.commit('SET_SESSION_MSG_COUNT', ctx.totalUnreadCount || 10);
-			break;
-			// 历史消息
-			case 2 : 
+}
+const historyMsg = (ctx) => {
 	let newData = store.state.sessionData;
 	const hisIdx = newData.findIndex(i => i.id === ctx[0].sessionId);
 	ctx.forEach(item => {
@@ -56,14 +37,12 @@ MsbWebSkt.onMessage((res)=>{
 	})
 	newData[hisIdx].messageList = ctx.concat(newData[hisIdx].messageList);
 	store.commit('SET_SESSION_DATA', newData);
-				console.log(newData);
+}
 
-			break;
-			// 会话消息
-			case 7 :
+const sessionMsg = (ctx)=>{
 	// 没接到会话列表时接到的消息不做处理
 	if(!sessionListFlag){
-					break;
+		return
 	}
 // ctx.forEach(item => {
 	ctx.payload = JSON.parse(ctx.payload || {});
@@ -91,16 +70,45 @@ MsbWebSkt.onMessage((res)=>{
 	}
 	
 // });
+}
+export let MsbWebSkt = null;
+
+export const MsbWebSktInit = () => {
+	return new Promise((resolve, reject) => {
+		MsbWebSkt = uni.connectSocket({
+			url : `ws://192.168.10.92:8090/ws?client=${store.state.token}`, // url是websocket连接ip
+			fail: e => {
+				reject(e)
+			}
+		});
+		MsbWebSkt.onOpen(()=>{
+			MsbWebSkt.onMessage((res)=>{
+				const data = JSON.parse(res.data || {});
+				if(data.code === 200){
+					const ctx = data.content;
+					switch(data.traceType){
+						// 会话列表
+						case 1 : 
+							sessionList(ctx);
+						break;
+						// 历史消息
+						case 2 : 
+							historyMsg(ctx)
+		
+						break;
+						// 会话消息
+						case 7 :
+							sessionMsg(ctx)
 						break;
 						default : 
 						break;
-
 					}
 				}
 			})
-
-MsbWebSkt.onError(()=>{
-	console.log('WebSocket连接错误')
+			resolve();
+		})
 	})
 	
+}
+
 

main.js

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2021-07-26 23:22:16
  * @LastEditors: ch
- * @LastEditTime: 2022-04-26 17:45:58
+ * @LastEditTime: 2022-04-27 10:12:54
  * @Description: file content
  */
 import Vue from 'vue';
@@ -12,28 +12,21 @@ import {router,RouterMount} from '@/common/router/index.js';
 import uView from 'uview-ui'; 
 import store from '@/common/store';
 import Confirm from '@/components/mount/index';
-// import {MsbWebSkt, createUUID} from '@/common/utils';
+import {MsbWebSkt, MsbWebSktInit, createUUID} from '@/common/utils';
 
+if(store.state.token){
 // 进入应用则向IM发起心跳包 以及获取IM会话数据
-// MsbWebSkt.onOpen(()=>{
-// 	MsbWebSkt.send({
-// 		data : JSON.stringify({
-// 			traceId : createUUID(),
-// 			traceType : "1", 
-// 			content: { sysId : "1"}
-//         })
-// 	});
-//     setInterval(()=>{
-//         MsbWebSkt.send({
-//             data : JSON.stringify({
-//                 traceId : createUUID(),
-//                 traceType : "0", 
-//                 content: { text : "ping"}
-//             })
-//         })
-        
-//     }, 5000)
-// });
+    MsbWebSktInit().then(()=>{
+        MsbWebSkt.send({
+            data : JSON.stringify({
+                traceId : createUUID(),
+                traceType : "1", 
+                content: { sysId : "1"}
+            })
+        });
+    })
+}
+
 
 
 Vue.use(router);

pages/seckill.vue

@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-03-21 18:08:07
  * @LastEditors: ch
- * @LastEditTime: 2022-04-25 10:43:11
+ * @LastEditTime: 2022-04-27 10:47:46
  * @Description: file content
 -->
 <template>
@@ -42,7 +42,6 @@
 			</view>
 		</view>
 		<u-loadmore :status="loadingStatus" color="#FF8384" iconColor="#FF8384" nomoreText="我也是有底线的啦~"/>
-
 	</view>
 </template>
 <script>