인터넷에서 임의의 사람들과 채팅하세요!
백엔드:
내 백엔드에는 매우 간단한 Node/Express.js 설정을 사용했습니다. 앱 기능이 상대적으로 단순하고 설정을 지나치게 하고 싶지 않았기 때문에 컨트롤러나 모델이 포함되어 있지 않습니다.
나는 실시간 채팅 기능을 위해 Socket.io를 사용하여 localhost:3000 에서 나오는 모든 것을 듣습니다. 사용자가 소켓에 연결되면 처음에는 소켓 룸을 검색하여 페어링을 기다리고 있는 다른 사용자를 찾습니다. 다른 사용자가 연결되어 대기하고 있지 않으면 새 방이 생성되고 현재 사용자는 다른 사람이 참여할 때까지 기다립니다. 사용자는 현재 방을 나가서 다른 사용자와 함께 다른 방에 참가/대기할 수도 있습니다.
프런트엔드:
내 프런트엔드에는 React/Redux 구현을 사용했습니다. Redux는 실제로 현재 세션의 사용자를 저장하는 데만 사용되었습니다.
사용자가 localhost:3000 으로 이동하면 사용자 이름을 입력하라는 메시지가 표시됩니다. 일단 입력되면 다른 사용자와 페어링되거나 다른 사용자가 채팅에 참여할 때까지 기다리라는 메시지가 표시됩니다. 일단 참여하면 비공개 채팅 세션에서 다른 사용자와 자유롭게 채팅할 수 있습니다. 메시지를 보내기 전에 입력된 밀리초 동안 기다리는 /delay 1000 message 와 같은 명령을 입력하거나, 현재 채팅을 종료하고 다른 채팅에 참여하거나 다른 사용자가 자신의 채팅에 참여할 때까지 기다릴 수 있는 /hop 과 같은 명령을 입력할 수 있습니다.
시작하는 방법은 간단합니다! 프로젝트 디렉터리로 이동하여 다음 명령을 입력합니다.
$ cd src
$ npm install
$ npm start
당신은 일어나서 실행되어야합니다! localhost:3000 으로 이동하여 확인해 보세요!
