>  기사  >  웹 프론트엔드  >  nodejs 설치 ws 모듈

nodejs 설치 ws 모듈

PHPz
PHPz원래의
2023-05-08 09:16:362223검색

Node.js에서 실시간 통신을 위해 WebSocket 프로토콜을 사용할 때 ws 모듈을 사용할 수 있습니다. ws 모듈은 WebSocket 서버 및 클라이언트 애플리케이션을 생성하기 위한 간단하고 사용하기 쉬운 API를 제공하는 최신 WebSocket 라이브러리입니다. 이 글에서는 Node.js에서 ws 모듈을 설치하고 사용하는 방법을 소개합니다.

1. Node.js 설치

먼저 로컬 컴퓨터에 Node.js 환경을 설치해야 합니다. 공식 홈페이지(https://nodejs.org/)에서 자신의 운영체제에 맞는 Node.js 설치 프로그램을 다운로드한 뒤, 안내에 따라 설치하시면 됩니다. 설치가 완료된 후 터미널이나 명령줄에 다음 명령을 입력하여 Node.js가 성공적으로 설치되었는지 확인할 수 있습니다.

node -v 

현재 설치된 Node.js 버전 번호가 반환되면 Node.js가 성공적으로 설치된 것입니다. 설치되었습니다.

2. WebSocket 서버 생성

ws 모듈을 설치하기 전에 먼저 WebSocket 서버를 생성하여 모듈 사용 방법을 더 잘 이해할 수 있습니다. 다음 단계에 따라 WebSocket 서버를 생성할 수 있습니다.

  1. 프로젝트 파일을 저장할 폴더를 로컬로 생성합니다.
  2. 명령줄에서 프로젝트 폴더를 찾고 다음 명령을 입력하여 새 Node.js 프로젝트를 초기화합니다.

    npm init -y  
  3. 그런 다음 프로젝트 폴더에 server.js라는 파일을 만들고 다음 코드를 입력하여 만듭니다. WebSocket 서버:

    const WebSocket = require("ws");     
      
    const server = new WebSocket.Server({ port: 8080 });    
      
    server.on("connection", socket => {  
    
        socket.on("message", message => { 
            console.log(`Received message => ${message} `);
        });  
    
        socket.send("Hello! Message From Server!!");   
    });

    첫 번째 코드 줄은 ws 모듈을 소개한 다음 WebSocket 서버 인스턴스를 생성합니다. 이 인스턴스는 포트 번호 8080을 사용하여 들어오는 연결을 수신합니다. 서버가 새로운 WebSocket 연결을 수신하면 "connection" 이벤트가 발생합니다. 이 이벤트 핸들러에서는 연결에서 수신된 메시지를 수신하고 연결로 메시지를 보낼 수 있습니다.

  4. 명령줄에 다음 명령을 입력하여 WebSocket 서버를 시작하세요.

    node server.js

    모든 것이 정상이면 다음과 유사한 출력을 볼 수 있습니다.

    WebSocket server listening on port 8080  

3. ws 모듈을 설치하세요

이제 , 준비가 되었습니다. ws 모듈을 사용하세요. 프로젝트 폴더에 다음 명령을 입력하여 ws 모듈을 설치할 수 있습니다.

npm install ws

4. WebSocket 클라이언트 생성

WebSocket 클라이언트 생성도 매우 간단합니다. 새 터미널이나 명령줄 창에 다음 코드를 입력하여 WebSocket 클라이언트를 생성할 수 있습니다.

const WebSocket = require("ws");

const socket = new WebSocket("ws://localhost:8080");

socket.on("open", () => {
    console.log("Connected to WebSocket server...");
});

socket.on("message", message => {
    console.log(`Received message => ${message}`);
});

socket.on("close", () => {
    console.log("Disconnected from WebSocket server...");
});

두 번째 줄에서는 WebSocket 클라이언트 인스턴스를 생성하고 WebSocket 서버의 주소와 포트 번호를 전달합니다. WebSocket 클라이언트가 서버에 연결되면 "open" 이벤트가 발생합니다. 이벤트 응답 함수에서 연결 성공 메시지를 출력할 수 있습니다.

다섯 번째 줄에서는 서버로부터 수신된 메시지를 수신하기 위해 "message" 이벤트를 수신합니다. 이 이벤트 응답 함수에서는 서버로부터 받은 메시지를 출력할 수 있습니다.

8번째 줄에서는 WebSocket 클라이언트가 서버와의 연결을 끊을 때 메시지를 출력하기 위해 "close" 이벤트를 수신합니다.

이제 명령줄에 다음 명령을 입력하여 WebSocket 클라이언트를 시작할 수 있습니다.

node client.js

WebSocket 클라이언트가 성공적으로 연결되면 "WebSocket 서버에 연결되었습니다..." 메시지가 출력됩니다. 그런 다음 WebSocket 클라이언트는 서버로부터 메시지를 수신하기를 기다립니다. 서버에서 보낸 메시지가 클라이언트에서 수신되도록 WebSocket 서버 인스턴스의 클라이언트에 메시지를 보낼 수 있습니다.

결론

이 글에서는 WebSocket 통신을 구현하기 위해 Node.js에 ws 모듈을 설치하고 사용하는 방법을 소개합니다. 연결된 클라이언트 로그를 콘솔에 출력하는 WebSocket 서버를 만들었습니다. 다음으로 ws 모듈을 설치하고 서버에 연결하기 위한 WebSocket 클라이언트를 만들었습니다. WebSocket 클라이언트의 열기, 닫기 및 메시지 이벤트를 수신하고 WebSocket 서버에서 보낸 메시지를 콘솔에 출력했습니다. 이러한 기술은 실시간 웹 애플리케이션, 온라인 게임, 채팅 애플리케이션 등에 적용될 수 있습니다.

위 내용은 nodejs 설치 ws 모듈의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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