javascript如何实现websocket_如何建立连接

admin 百科 10
JavaScript中建立WebSocket连接需用new WebSocket(url)创建实例,正确处理onopen、onmessage、onerror、onclose事件,并在readyState为OPEN时调用send()发送数据,关闭时用close()。

javascript如何实现websocket_如何建立连接-第1张图片-佛山资讯网

JavaScript 中建立 WebSocket 连接很简单,核心就是用 new WebSocket(url) 创建实例,关键在于正确处理连接状态和错误。

创建 WebSocket 实例

只需传入 ws:// 或 wss:// 开头的服务端地址:

  • const ws = new WebSocket("ws://localhost:8080");(开发常用)
  • const ws = new WebSocket("wss://api.example.com/chat");(生产环境推荐,走加密通道)

注意:协议必须匹配服务端配置,不能用 http:// 或 https://,否则会报错。

监听连接状态事件

WebSocket 是事件驱动的,主要靠这四个事件控制流程:

立即学习“Java免费学习笔记(深入)”;

  • ws.onopen:连接成功后触发,可以在这里发初始化消息
  • ws.onmessage:收到服务器消息时触发,event.data 就是内容
  • ws.onerror:发生网络或协议错误时触发(比如跨域、地址不可达)
  • ws.onclose:连接关闭时触发,event.codeevent.reason 可查原因

建议在 onerror 里至少打个日志,不然失败了也不知哪出问题。

标签: javascript java go websocket 跨域 状态码

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~