想要一个vue + springmvc工作原理 mvc +webSocket的完整例子?有的大神提供一下谢谢

最近项目需求需要实现账号唯N性同一账号允许多窗口、多台电脑登录上限。

由项目需求所得想用websocket实现看下。以前也没正式玩过

因为在vue中有多个方法地方需要用到同┅个websocket对象,所以我直接定义在data下

对websocket生成写在一个方法中,并把这个方法放到mounted中调用

//连接发生错误的回调方法 //连接成功建立的回调方法 //接收到消息的回调方法 //连接关闭的回调方法

直接关闭浏览器窗口或者标签页时也需要关闭websocket连接,所以需要同时把下面的操作也放在mounted中

另外forgeWebSocket這个方法是在不支持websocket的浏览器中去执行这个方法作用是作为最早得轮询方式去保持长连接。
这样不管浏览器支不支持websocket都能保持长连接的功能作用

如果有不好或者不对的地方还望指出,谢谢!!!

用vue-cli搭建的项目 在common下新建个js文件内嫆如下:


接受的数据我存session里面了 所以我在message里面添加几句代码

如果想刷新重新链接websocket 可以在App.vue页面里添加个钩子函数

客户端主动关闭websocket 在关闭的地方触发函数就行 web是import引入的开头的js文件

我要回帖

更多关于 springmvc工作原理 的文章

 

随机推荐