HTML5의 새로운 프로토콜: WebSocket 프로토콜의 예

이 기사는 HTML5의 새로운 프로토콜인 WebSocket 프로토콜의 예를 제공합니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

WebSocket은 HTML 5의 새로운 프로토콜로, TCP 연결을 기반으로 전이중 통신을 수행합니다.

전이중 통신: 데이터를 양방향으로 동시에 전송할 수 있음을 나타냅니다.

브라우저가 WebSocket을 지원하는지 확인하세요.

// 判断浏览器是否支持 WebSocket
if (window.WebSocket != undefined)
 {    
    var Socket = new WebSocket('ws://localhost: 8080')
  }

ws 프로토콜은 WebSocket의 새로운 프로토콜입니다. 또한, 암호화된 WebSocket 프로토콜을 나타내는 wss 프로토콜이 있습니다. 둘 사이의 관계는 HTTPS 프로토콜에 해당하는 HTTP 프로토콜과 같습니다.

WebSocket 예

// 创建 WebSocket 实例
var Socket = new WebSocket('ws://localhost:8080')
// 连接打开
Socket.addEventListener('open', function(event) {
    socket.send('Hello Server!')
})
// 建通数据传送，有数据到达时触发
Socket.addEventListener('message', function(event) {
    console.log('Message from Server', event.data)
})
// 当错误发生时，用于监听 error 事件的事件监听器
Socker.addEventListener('error', function(event) {
    console.log(event.data)
})
// 连接关闭
Socket.addEventListener('close', function(event){
    console.log(event.data)
})

추천 관련 기사:

HTML5 애플리케이션: 오프라인 애플리케이션 및 저장된 애플리케이션

HTML 태그: img 태그 사용 요약

위 내용은 HTML5의 새로운 프로토콜: WebSocket 프로토콜의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!