이 프로젝트는 사용자가 임의의 사람들과 채팅 할 수있는 소셜 미디어 앱인 Monkey App의 최소 복제품입니다. 프론트 엔드에 대한 Reactjs, State Management 용 Redux Toolkit, WebRTC 용 PeerJS, React UseBebsocket, 백엔드 용 BUNJ 및 컨테이너화 및 오케스트레이션의 Docker를 포함한 다양한 기술을 사용합니다.
응용 프로그램의 라이브 데모는 https://monkey.misterneo.pro에서 액세스 할 수 있습니다.
Monkey App Clone은 Monkey 앱의 기능을 복제하는 것을 목표로하는 프로젝트입니다. 이를 통해 사용자는 WEBRTC 기술을 사용하여 화상 채팅에 참여할 수 있습니다. 또한 사용자가 WebRTC Datachannel을 사용하여 문자 메시지를 서로 보낼 수 있습니다. 이 앱은 Frontend 용 Reactjs, State Management 용 Redux Toolkit, WebRTC의 PeerJS, Backend 용 BUNJ 및 컨테이너화 및 오케스트레이션 용 Docker를 사용하여 구축되었습니다.
앱을 실행하기 전에 Bunjs가 컴퓨터에 설치되어 있는지 확인하십시오. 설치 지침은 여기에서 찾을 수 있습니다. Bunjs를 설치할 수없는 경우 Docker Compose 파일을 사용하여 Docker로 앱을 실행할 수 있습니다.
git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-cloneserver 디렉토리로 이동하십시오 cd server
bun installbun run index.ts포트 3000에서 WebSocket 및 HTTP 서버가 시작됩니다.
선택적으로 :
--port플래그, 예를 들어,bun run index.ts --port 5000사용하여 포트를 지정할 수 있습니다.--debug플래그, 예를 들어,bun run index.ts --debug사용하여 디버그 모드를 활성화합니다.
기본 포트를 변경하기로 결정한 경우
client디렉토리의.env.local파일에서VITE_SERVER_PORT변수를 업데이트해야합니다..env.example파일을 복사하여.env.local로 바꾸면이를 수행 할 수 있습니다. 그런 다음 지정한 포트로VITE_SERVER_PORT변수를 업데이트하십시오.
client 디렉토리로 이동하십시오 cd clientbun installbun run dev 포트 5173에서 앱이 시작됩니다 http://localhost:5173 으로 이동하여 앱을보십시오.
docker compose up -d --build앱이 시작될 때까지 기다리십시오. 처음으로 명령을 실행하면 몇 분이 걸릴 수 있습니다.
앱을 보려면 http://localhost:5173 으로 이동하십시오.
docker compose down기부금을 환영합니다. 풀 요청을 열거나 문제를 제출하십시오.
이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.
