>웹 프론트엔드 >JS 튜토리얼 >NodeJS가 WebSocket 기능을 구현하는 방법

NodeJS가 WebSocket 기능을 구현하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-04-12 16:57:274144검색

이번에는 NodeJS가 WebSocket 기능을 구현하는 방법을 보여드리겠습니다. NodeJS가 WebSocket 기능을 구현하기 위한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

우리는 expresssocket.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');
});

클라이언트 코드

<!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>

콘솔 버전의 채팅방이 준비되었습니다(^o^)/~

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요. !

추천 자료:

Immutable.js에서 실행 취소 및 다시 실행 효과를 얻는 방법

Vuex

에서 돌연변이 및 액션 사용에 대한 자세한 설명

위 내용은 NodeJS가 WebSocket 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.