ws를 사용하여 nodejs를 개발하는 방법

Node.js의 지속적인 개발로 인해 Websocket은 Node.js에서 실시간 양방향 통신을 달성하는 인기 있는 방법이 되었습니다. 이 기사에서는 ws 모듈을 사용하여 Node.js에서 실시간 통신 기능이 있는 애플리케이션을 구축하는 방법을 소개합니다.

1. 웹소켓이란 무엇인가요?

웹소켓은 실시간 양방향 통신을 지원하는 기술입니다. 단방향 요청만 수행할 수 있는 HTTP 프로토콜과 비교하여 웹소켓은 양방향 통신 채널을 설정할 수 있습니다. 이를 통해 클라이언트가 서버에 대한 요청을 지속적으로 시작할 필요 없이 클라이언트와 서버가 실시간으로 데이터를 전송할 수 있습니다. , HTTP 절약 프로토콜은 폴링으로 인해 많은 양의 네트워크 대역폭을 생성합니다.

2. ws 모듈 소개

ws 모듈은 Websocket을 구현하는 데 사용되는 Node.js의 모듈이며 널리 사용되는 구현 방법이기도 합니다. API는 매우 간단하고 외부 종속성이 없으므로 사용하기 쉽습니다. 다음은 ws 모듈을 사용하여 간단한 채팅방을 구현하는 방법을 소개합니다.

3. 새로운 Node.js 프로젝트를 초기화하세요

먼저 시스템에 최신 버전의 Node.js를 설치하세요. 설치를 완료한 후 터미널을 열고 프로젝트를 생성하려는 디렉터리로 이동하여 다음 명령을 입력합니다:

mkdir ws_demo && cd ws_demo && npm initmkdir ws_demo && cd ws_demo && npm init

然后按照提示一步一步地配置你的项目。

四、安装和引用ws模块

在项目的目录中使用以下命令，安装ws模块：

npm install ws

现在在你的server.js文件中引入ws模块：

const WebSocket = require('ws');

그런 다음 프롬프트에 따라 프로젝트를 단계별로 구성하세요.

4. ws 모듈 설치 및 참조

ws 모듈을 설치하려면 프로젝트 디렉터리에서 다음 명령을 사용하세요.

npm install ws

이제 server.js에 ws 모듈을 도입하세요. file ：

const WebSocket = require('ws');

5. 웹소켓 서버 생성

웹소켓 서버를 생성하려면 특정 서버에서 들어오는 연결 요청을 수신해야 합니다. 서버의 포트. Node.js에서 다음 코드를 사용하여 Websocket 서버를 생성합니다.

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  console.log('Client connected');
});

이 코드는 포트 8080에서 Websocket 서버를 생성합니다. 새 클라이언트가 서버에 성공적으로 연결되면 서버는 "클라이언트 연결됨" 메시지를 인쇄합니다.

6. 서버 측 브로드캐스트 메시지

이제 WebSocket 서버가 생성되었고 클라이언트 연결을 받을 수 있습니다. 하지만 실질적인 효과는 거의 없습니다. 실제 기능을 추가해 보겠습니다. 서버가 서버에 연결된 모든 클라이언트가 수신할 일부 메시지를 브로드캐스트하도록 할 수 있습니다.

wss.on() 메서드 내에 다음 코드를 추가하세요.

wss.on('connection', (ws) => {
  console.log('Client connected');
  ws.on('message', (message) => {
    console.log(`Received message => ${message}`)
    wss.clients.forEach((client) => {
      if (client.readyState === WebSocket.OPEN) {
        client.send(`Broadcast message => ${message}`);
      }
    });
  });
});

이 코드는 클라이언트 연결이 성공할 때 이벤트 리스너를 추가합니다. 새 메시지가 도착하면 서버는 이를 로그에 기록하고 wss.clients.forEach()를 사용하여 현재 연결된 모든 클라이언트를 반복하면서 가능한 경우 모든 클라이언트에 메시지를 브로드캐스팅합니다.

7. 테스트🎜🎜 이제 ws 모듈 설치 및 서버측 코드 개발 단계가 모두 완료되었습니다. 클라이언트를 사용하여 테스트하기만 하면 됩니다. Websocket 클라이언트를 사용하면 다양한 브라우저 확장과 명령줄 도구를 사용할 수 있습니다. 선호하는 도구를 사용하여 wss://localhost:8080에 연결하면 성공적인 연결 메시지가 표시되고 브라우저 확장 프로그램은 서버에서 브로드캐스트되는 메시지 위에 메시지를 표시합니다. 🎜🎜Summary🎜🎜 이번 글에서는 Node.js 기반의 웹소켓 서비스 개발을 위해 ws 모듈을 활용하는 방법을 소개했습니다. 🎜🎜웹소켓이 지속적으로 개발 및 확장됨에 따라 웹 개발, 특히 채팅 애플리케이션, 온라인 게임 등과 같은 실시간 통신에서 점점 더 중요해지고 있습니다. 이제 단 몇 줄의 코드만으로 Node.js에서 간단한 채팅방을 구현할 수 있습니다. 🎜🎜이 글에서는 ws 모듈의 기능 중 일부만 소개하고 있지만, 학생들이 Node.js를 기반으로 실시간 커뮤니케이션을 개발하는 데 필요한 지식 포인트를 배우고 특정 기술과 경험을 습득하여 미래에 참고할 수 있다고 믿습니다. 일과 공부. 🎜

위 내용은 ws를 사용하여 nodejs를 개발하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!