방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com websocket5 [webflux websocket broad cast all] 웹플럭스 웹소켓 에코 말고 전체에게 보내기 웹플럭스에서 웹소켓을 활용하여 채팅서버를 만들 수 있습니다. 구글링 하다보면 다양한 예제를 만날 수 있으며, 샘플 코드 또한 훌륭 합니다. 그런데..아쉬운 점은.. 바로 대부분의 설명과 예제가 단순히 자기 자신에게 돌아오는 에코(echo)로 된 코드라는 점 이였습니다. 포스팅 설명을 읽고 한번 실행하여 보면 자기한테만 메시지가 올 분 다른 클라이언트에게 메시지는 전달되지 않았습니다. 그래서 이것저것 찾아보며 전체 접속한 사용자에게 전송하는 방법에 대해서 정리하여 보았습니다! * 2023. 05 기준 입니다. 웹플럭스에 사용한 라이브러리는 2종류 입니다. org.springframework.boot spring-boot-starter-integration org.springframework.boot spr.. 2023. 5. 22. Nestjs 프레임워크 서버(websocket) -12 #Websocket (웹소켓) express 프레임워크처럼 nest.js 에서도 웹소켓을 간단하게 설정하여 사용 할 수 있습니다. 자주 사용되는 socket.io 라는 프레임워크를 한번 사용하여 보았습니다. 2개 모듈을 설치하여 줍니다. npm install @nestjs/websockets npm install @nestjs/platform-socket.io nestjs에서의 웹소켓을 담당하는 기능은 "컨트롤러(Controller)" 라는 이름으로 불리우기 보다는 "어뎁터(Adaptor)" 라는 이름을 주로 사용하는 것 같아서 여기서도 마찬가지로 어뎁터라는 이름으로 기능을 만들어 보았습니다. 먼저 전체코드를 살펴 봅니다. * 파일이름 : 웹소켓어뎁터.ts import { WebSocketGateway,.. 2022. 9. 7. 리액트 익스프레스 웹소켓 (React, Express typescript, websocket) 리액트와 Node.js의 익스프레스 프레임워크를 활용하여 만들어본 채팅 프로그램 입니다(with 웹소켓) 리액트는 버전 18로 구성되어 있으며 함수형으로 되어 있습니다. 익스프레스 서버는 4.18버전이며 타입스크립트(Typescript) 환경으로 구성 하였습니다. #1. 익스프레스 서버(Express server) 익스프레스 서버에서는 아래 3가지 역할을 하도록 되어 있습니다. 0) 회원 가입 및 로그인 응답 1) 채팅방 만들기 2) 채팅방 전달하기 타입스크립트를 활용하면 데이터 형식(type)을 지정 할 수 있습니다. 이런 훌륭한 기능을 사용하기 위해 채팅방과 관련된 타입을 먼저 정의하여 보았습니다. //소캣 객체 타입 입니다. type soketT = { ws: WebSocket; //웹소캣 객체 입.. 2022. 5. 27. 간단하게 구성하는 SpringBoot Websokcet server(스프링부트 웹소켓 서버) 스프링부트에서 웹소켓 서버 환경을 구성하는 아주 간단하고 빠른 방법 입니다. 프로젝트 자체가 당연히 웹 서버 기반으로 기초 환경구성이 되어야 하겠습니다. 필요한 의존성 라이브러리는 딱 1개 입니다. * gradle 기준 implementation 'org.springframework.boot:spring-boot-starter-websocket' * mavne 기준 org.springframework.boot spring-boot-starter-websocket 첫번째 단계로는 어떠한 요청에 대해서 서버가 응답할지를 결정하는 설정파일을 작성하는 것 입니다. WebSocketConfigurer 인터페이스를 상속받는 설정 클래스를 만들어 줍니다. import org.springframework.context.. 2021. 12. 27. Node.js 웹소캣 서버 그리고 클라이언트, 채팅방과 함께하는 구성 Node.js로 웹소캣 서버를 구현하는 방법은, 다른 개발언어에 비해 상당히 빠르고 직관적이며 어렵지가 않다. websocket과 http 모듈만 설치하면 나머지는 해당 모듈을 통해 구현만 해주면 된다. 먼저 두 모듈을 npm으로 설치한다. npm install http npm install websocket 처음으로 할 작업은 웹소캣 서버를 구성하는 일이다. const WebSocketServer = require('websocket').server; const http = require('http'); const port = 3000; //포트 const server = http.createServer(function(request, response) { //일반 HTTP 요청 처리 conso.. 2019. 4. 28. 이전 1 다음
