yjm6560 / frontend_chat_server

frontend chat service with react
MIT License
0 stars 0 forks source link

프론트 서버 처음 띄워보기 #1

Open yjm6560 opened 2 years ago

yjm6560 commented 2 years ago

1. nodejs 및 npm 설치

sudo apt update
sudo apt install nodejs
sudo apt install npm

2. clone git repo

git clone [git repository]

3. 프론트 서버 시작

npm run dev

babel-node 에서 Permission denied 에러 발생 시

chmod 755 /home/[계정]/[project directory 이름]/nodemodules/.bin/babel-node
스크린샷 2022-10-09 오전 12 10 26

우리 서버에서 noom 테스트시에는 chmod 755 /home/ubuntu/noom/nodemodules/.bin/babel-node 하면 됨

4. aws 보안 설정

1번 과정을 거쳐 서버 띄우는 데 성공하면 아래와 같이 curl localhost:3000 으로 서버에서 띄워놓은 소스를 확인하는 요청이 가능하다.

하지만 localhost 가 아닌 public ip 로 접속 시도하면 connection Refused 된다.

aws 콘솔에서 보안 설정 필요(참고 : https://suhwanc.tistory.com/143)

테스트에서 임시로 사용할 3000번 포트 인바운드(외부에서 서버로 접속 허용/차단 규칙. 반대는 아웃바운드) 허용 규칙을 추가해주면 아래와 같이 외부에서 접속이 가능하다.(Noom url 의 빨간 박스 부분에는 원래 사용하던 localhost 대신 서버 public ip 를 써주면 됨)

스크린샷 2022-10-09 오전 12 40 28

참고

yjm6560 commented 2 years ago

실제로 noom 동작 시켜보기

실제로 noom 을 동작시킨 후 room 에 접속해보면 getTrack 어쩌고 에러가 발생한다.(https://github.com/grishkovelli/vue-audio-recorder/issues/20#issuecomment-1132510607)

스크린샷 2022-10-09 오전 12 45 50

WebRTC 는 https 환경에서만 동작하기 때문인데, 그러므로 camera off, mute 등 모든 게 동작하지 않는다. WebRTC 코드를 삭제하든지 아니면 try catch 로 감싸주든지 해야한다.