WebSocket是一种在单个TCP连接上提供双向通信的协议。它允许服务器主动将数据推送到客户端,而不需要客户端使用轮询来请求信息。HTML5引入了WebSocket API作为WebSockets的标准API,这个API允许开发者在客户端应用程序中实现WebSocket功能。
支持WebSocket API的浏览器
- Google Chrome 4.0+
- Firefox 4.0+
- Opera 11.0+
- Safari 5.0+
- Internet Explorer 10.0+
以上浏览器版本均开始支持WebSocket API。此外,绝大多数现代浏览器也支持该API,例如Microsoft Edge和Apple iOS Safari等。
WebSocket API示例代码
以下是一个简单的WebSocket API示例,其中包含客户端和服务器端代码:
客户端代码
----- ------ - --- --------------------------------- ------------------------------- ------- -- - ---------------------- -- ------------- --- ---------------------------------- ------- -- - --------------------- -------- ---------------- --- -------------------------------- ------- -- - ---------------------- -- ---------- ---
此代码创建了一个WebSocket对象,并连接到本地主机上的端口8080。当WebSocket成功建立连接时,它会输出一条消息到控制台。当接收到来自服务器的消息时,它会将该消息打印到控制台。当WebSocket关闭时,它会输出一条消息到控制台。
服务器端代码
----- --------- - -------------- ----- ------ - --- ------------------ ----- ---- --- ----------------------- -------- -- - -------------- ------ ------------- -------------------- -- --- --------- ---------- -------------------- --------- -- - --------------------- -------- ------------- -- ---- --- -------- ------- ---- -- --- ------ ---------------- ----- ------------- --- ------------------ -- -- - -------------- ------ ---------------- --- ---
此代码创建一个WebSocket服务器,并监听本地主机上的端口8080。当客户端连接到服务器时,它会输出一条消息到控制台。向客户端发送欢迎消息后,当从客户端接收到消息时,它会将该消息打印到控制台并将其发送回客户端。当客户端断开连接时,它会输出一条消息到控制台。
总结
WebSocket API是一种在单个TCP连接上提供双向通信的协议,允许服务器主动将数据推送到客户端。现代浏览器普遍支持WebSocket API,包括Google Chrome、Firefox、Opera、Safari和Internet Explorer等。开发人员可以使用WebSocket API实现强大的Web应用程序,提供更好的用户体验。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/8573