如何判断WebSocket是否连接成功

一、前言：

该文章基于原生WebSocket而编写的基础文章，大佬请绕过！！！

二、判断是否连接成功

1. 判断依据：Socket.readyState （即状态为1就代表可以连接成功）

值	状态
0	连接尚未建立
1	连接已建立，可以进行通信
2	连接正在进行关闭
3	连接已经关闭或者连接不能打开

2. 在浏览器的控制台输入new WebSocket(地址)

• 连接成功
  

• 连接不成功
  
  在我们正式写 websocket 前，在浏览器里面快速的验证一下是否可以连接成功，还是很方便的！

3. 如果我们在项目中已经写好了 websocket

const token = this.$store.getters.access_token
let url = `${this.$webSocketUrl}/cc/websocket/status/${ token }`;
this.socket = new WebSocket(url);
this.socket.onmessage = (res => {
  console.log('消息数据已接收...', JSON.parse(res.data));
  if (JSON.parse(res.data).code === 1) {
    // 刷新统计数据
    this.getCountList();
  }
});
this.socket.onopen = (res => {
  // 这里面可以查看是否连接成功
  console.log('消息socket连接成功', res);
});

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！