@gonsin/gview 1.0.1-alpha.0

package/src/websocket/websocket2.js

@@ -0,0 +1,128 @@
+/*
+ * @Author: lzx lzx@gonsin.cn
+ * @Date: 2022-06-27 13:55:43
+ * @LastEditors: lzx lzx@gonsin.cn
+ * @LastEditTime: 2022-06-28 14:03:34
+ * @FilePath: \client\src\websocket\websocket.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { mapActions } from "vuex";
+
+export const data = {
+     //websocket
+     ip: process.env.NODE_ENV !== 'development' ? window.location.origin.replace(window.location.protocol, pre) + '/gview/websocket' : "http://192.168.2.192:8089/gview/websocket".replace('http', 'ws'),
+     webSocket: null,
+     lockReconnect: false,
+     tt: false,
+     sendParams: {
+         head: "gonsin",
+         cmd: {
+             cmd: "client",
+             subcmd: "heart",
+             respone: 0,
+         },
+         args: {},
+     },
+     // 心跳发送指令,超过40s未发送则断开连接
+     //心跳检测
+     heartCheck: null,
+     timeoutObj: null,
+     serverTimeoutObj: null,
+}
+export const initWebSocket =()=> {
+    try {
+        if (typeof WebSocket === "undefined") {
+            alert("您的浏览器不支持WebSocket，请尽快升级");
+        } else {
+            console.log(data.ip)
+            data.webSocket = new WebSocket(data.ip);
+            init(); // 封装有websocket监听方法
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
+export const init =()=> {
+    
+    data.webSocket.onopen = () => {
+        // this.$notify.success('Websocket successfully connected')
+        console.log("webSocket连接成功至:" + data.ip);
+        clearInterval(data.timeoutObj);
+        clearTimeout(data.serverTimeoutObj);
+        let model = {
+            head: "gonsin",
+            cmd: {
+                cmd: "client",
+                subcmd: "heart",
+                respone: 0,
+            },
+            args: {},
+        };
+        data.timeoutObj = setInterval(function () {
+            //这里发送一个心跳，后端收到后，返回一个心跳消息，
+            //onmessage拿到返回的心跳就说明连接正常
+            data.webSocket.send(JSON.stringify(model));
+        }, 40000);
+        // // 连接成功，注册dataId
+        // that.registerMessage();
+    };
+    data.webSocket.onmessage = (msg) => {
+        console.log("onmessage....................");
+        // console.log('on_message:',msg);
+        let data = JSON.parse(msg.data);
+
+    };
+    data.webSocket.onerror = () => {
+        console.log("websocket连接错误...");
+    };
+    data.webSocket.onclose = () => {
+        console.log("websocket断开连接...");
+    };
+}
+/**
+ * 注册站内信指令
+ */
+ export const registerMessage=(dataId, fun)=> {
+    console.log(this.$store)
+    let params = {
+        head: "gonsin",
+        cmd: {
+            cmd: "gview_client",
+            subcmd: "register",
+        },
+        args: {
+            dataId: dataId,
+        },
+    };
+    // data.webSocket.send(JSON.stringify(params));
+    // this.$store.dispatch('setUpdateFunction', dataId,fun);
+}
+/**
+ * 注销站内信指令
+ */
+ export const unregisterMessage =(dataId)=> {
+    let params = {
+        head: "gonsin",
+        cmd: {
+            cmd: "gview_client",
+            subcmd: "unregister",
+        },
+        args: {
+            dataId: dataId,
+        },
+    };
+    data.webSocket.send(JSON.stringify(params));
+}
+/**
+ * 处理站内消息回调
+ */
+ export const handleMessageCallback =(data)=> {
+    console.log(data);
+    console.log("处理站内消息................");
+    this.$notify({
+        title: data.args.message,
+        message: data.args.message,
+        type: "success",
+        offset: 100,
+    });
+}

package/vue.config.js

@@ -0,0 +1,42 @@
+/*
+ * @Author: your name
+ * @Date: 2020-06-30 18:26:00
+ * @LastEditTime: 2022-11-28 14:30:14
+ * @LastEditors: lrm lrm@gonsin.cn
+ * @Description: In User Settings Edit
+ * @FilePath: \client\vue.config.js
+ */ 
+module.exports = {
+    lintOnSave: false,
+    // assetsDir: 'static', // 配置js、css静态资源二级目录的位置  
+    // publicPath:'./',
+    productionSourceMap: false,     // 生产环境不生成.map文件
+    devServer:{
+        port:8085,      //端口
+        // open:false,     //编译完成后是否自动打开浏览器
+        proxy:{         // 本地环境代理
+            '/api':{
+                target:'http://192.168.2.192:8088',
+                // target:'http://192.168.2.153:8088',
+                // target:'http://192.168.2.194:8888',
+                // target:'http://192.168.2.162:8088'
+                changeOrigin:true,
+                disableHostCheck: false, //  新增该配置项
+                // pathRewrite:{
+                //     '/api':''
+                // }
+            },
+            '/restapi':{
+                target:'http://192.168.2.192:8088',
+                // target:'http://192.168.2.153:8088',
+                // target:'http://192.168.2.194:8888',
+                // target:'http://192.168.2.162:8088',
+                changeOrigin:true,
+                disableHostCheck: false, //  新增该配置项
+                // pathRewrite:{
+                //     '/api':''
+                // }
+            }
+        }
+    },
+}