openvidu 튜토리얼 설치하기

프로젝트하면서 쌩 쿠렌토랑, socket.io로 구현한 채팅으로 작업을 진행하다가

 

그저 뼈대만 만들어지게됨

 

그래서 이대로는 시간에 맞추지 못할거같아서 노선을 변경해

 

openvidu를 이용해서 진행해 보도록했고, 프론트를 담당했지만 그래도 다같이 각자 튜토리얼

 

한번씩은 해야겠다고 생각해서 나름 튜토리얼만 딱 진행해봤다.

 

로컬에서한번! aws에서한번!

 

우선 기록만 해본다.

 

https://docs.openvidu.io/en/stable/

OpenVidu Docs

 

https://docs.openvidu.io/en/stable/tutorials/openvidu-hello-world/

openvidu-hello-world - OpenVidu Docs

그림으로 대략... 기존에 webrtc와 socket.io도 한번씩 둘러봤으니 어떤 방식인지는 이해가간다.

 

좀더 편하게 api화 시킨거니까 바로 해보도록한다.

 

먼저

 

1.프론트단에서만 조작해서 돌리는방식

 

2.프론트단 + 백엔드단까지 조작해서 돌리는방식

 

 

이와같이 두가지가있는데 튜토리얼은 위와 상관없이 

 

https://docs.openvidu.io/en/stable/tutorials/openvidu-hello-world/

openvidu-hello-world - OpenVidu Docs

 

이녀석으로 진행했다.

 

git clone https://github.com/OpenVidu/openvidu-tutorials.git -b v2.20.0

npm install -g http-server

http-server openvidu-tutorials/openvidu-hello-world/web

# WARNING: this container is not suitable for production deployments of OpenVidu Platform
# Visit https://docs.openvidu.io/en/stable/deployment

docker run -p 4443:4443 --rm -e OPENVIDU_SECRET=MY_SECRET openvidu/openvidu-server-kms:2.20.0

이와같은 순서대로, 그리고 폴더내부에서 js나 원하는 방식으로 하고싶으면 해당 폴더에서 해야하는건 당연한거고!

 

난 기본적으로 도커카 깔려있는상태에서 진행해서 크게 문제는 없었다.

 

이와같이 두개의 터미널을 띄워서 진행했고

 

간단한 튜토리얼은 일단 성공,

 

중요한건 기본세팅데로 localhost:8080으로 접속했어야했다. 튜토리얼 페이지에 있는 설명을 놓치지말고

 

전부 제대로 확인해보도록하자~!

 

아래와같이 잘 정리해두신분들의 글도 있으니 참고해보자

 

https://velog.io/@kimyunbin/Openvidu-%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95-%ED%95%98%EA%B8%B0

Openvidu 커스터마이징 하기

 

https://github.com/upswp/THXSTORE/wiki/openVidu-%EB%B0%B1%EC%97%94%EB%93%9C-%EC%84%9C%EB%B2%84-%EA%B5%AC%EC%B6%95

GitHub - upswp/THXSTORE: 🔥SSAFY 4기 FINAL 자율 PROJECT🔥