<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>菜鸟教程(runoob.com)</title>
<script type="text/javascript">
function WebSocketTest() {
if ('WebSocket' in window) {
// alert('您的浏览器支持 WebSocket!');
console.log('您的浏览器支持 WebSocket!');
// 打开一个 web socket
// var ws = new WebSocket('ws://52.231.34.166:9000/message');
// var ws = new WebSocket('ws://localhost:9000');
var ws = new WebSocket('ws://ws.inhandplus.com');
ws.onopen = function () { //onopen핸들러 적용
var sendData = { msg: '전송됨' };
ws.send(JSON.stringify(sendData));
console.log('数据发送中...');
};
//websocket은 event-driven API이다. 메세지가 수신되면 '전송됨'이벤트가 onmessage함수로
//전달되게 된다. 아래와 같은 코드를 작성해 수신괴는 데이터를 받아볼 수 있다.
ws.onmessage = function (evt) {
var received_msg = evt.data;
console.log(received_msg);
console.log('数据已接收...');
// alert('数据已接收...');
};
//웹소켓 사용을 마쳤다면 close() 메소드를 호출해 연결을 종료합니다.
ws.onclose = function () {
// 关闭 websocket
console.log('连接已关闭...');
// alert('连接已关闭...');
};
} else {
// 浏览器不支持 WebSocket
alert('您的浏览器不支持 WebSocket!');
}
}
</script>
</head>
<body>
<div id="sse">
<a href="javascript:WebSocketTest()">运行 WebSocket</a>
</div>
</body>
</html>
모질라에 설명이 잘 나와있다.
https://developer.mozilla.org/ko/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications
on the move 👉🏼 https://sjeong82.tistory.com/