NodeJS를 사용하여 WebSocket 기능을 구현하는 방법
- 亚连원래의
- 2018-06-06 11:30:341589검색
이 글에서는 NodeJS의 간단한 WebSocket 기능 구현을 주로 소개하고, 구체적인 예시를 바탕으로 WebSocket 통신 기능을 구현하기 위한 nodejs의 클라이언트 측 및 서버 측 조작 기술을 분석합니다. 이 기사에서는 NodeJS 함수로 WebSocket을 간단하게 구현하는 방법을 설명합니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.
express및
socket.io를 기반으로 개발합니다. 먼저 다음 패키지를 설치해야 합니다. npm install --save express
npm install --save socket.io
서버측 코드: var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.send('<h1>Welcome Realtime Server</h1>');
});
io.on('connection', function(socket){
console.log('a user connected');
socket.on("disconnect", function() {
console.log("a user go out");
});
socket.on("message", function(obj) {
io.emit("message", obj);
});
});
http.listen(3000, function(){
console.log('listening on *:3000');
});클라이언트 -side code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
</head>
<body>
<ul id="message"></ul>
<script>
socket = io.connect('ws://127.0.0.1:3000');
socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
socket.on("message", function(obj) {
console.log(obj);
});
</script>
</body>
</html>위 내용은 저입니다. 모두를 위해 정리한 내용이니, 앞으로도 많은 분들께 도움이 되었으면 좋겠습니다.
관련 기사:
Puppeteer를 사용하여 슬라이딩 인증 코드를 해독하는 방법jquery에서 동적으로 생성된 태그에 이벤트 바인딩(자세한 튜토리얼)
JS에서 페이지 색상을 변경하는 방법(자세한 튜토리얼)
위 내용은 NodeJS를 사용하여 WebSocket 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!