Web在线聊天室(8) --- 服务器中换收发消息

最新推荐文章于 2023-01-03 10:11:17 发布

满眼*星辰

最新推荐文章于 2023-01-03 10:11:17 发布

阅读量209

点赞数 1

分类专栏：在线聊天室项目文章标签：数据库 java websocket js session

本文链接：https://blog.csdn.net/starry1441/article/details/117334414

版权

搭建服务器框架

客户端

        sendMessage() {
   
          let message = {
   
            userId: this.user.userId,
            nickName: this.user.nickName,
            channelId: this.curChannelId,
            content: this.curInputMessage,
          }
          this.websocket.send(JSON.stringify(message));
          console.log("send success! " + message.content);
          this.curInputMessage = "";
        },
        initWebSocket() {
   
          // 登陆成功后, 初始化 WebSocket 对象
          if('WebSocket' in window){
   
            this.websocket = new WebSocket("ws://localhost:8080/java_chatroom/message/" + this.user.userId);
            console.log("link success")
          }else{
   
              alert('Not support websocket')
          }
           //连接发生错误的回调方法
          this.websocket.onerror = function () {
   
            alert("连接发生错误!");
          };

          //连接成功建立的回调方法
          this.websocket.onopen = function (event) {
   
            console.log("连接建立成功");
          }

          //接收到消息的回调方法
          this.websocket.onmessage = function (event) {
   
            console.log