https://docs.openvidu.io/en/stable/tutorials/openvidu-insecure-react/
openvidu-insecure-react - OpenVidu Docs
From here you can search these documents. Enter your search terms below.
docs.openvidu.io
위와같이 클라이언트 사이드에서 작동하는 React화된 Openvidu 튜토리얼을 해봤다.
프로젝트중이라 어딜 수정해서 커스텀해야할지 봐야하기 때문
튜토리얼 링크에보면
1) Clone the repo:
git clone https://github.com/OpenVidu/openvidu-tutorials.git -b v2.20.0
2) You will need NPM to serve the React frontend. Once you have npm installed, you can run the tutorial.
cd openvidu-tutorials/openvidu-insecure-react
npm install
npm start
3) OpenVidu Platform service must be up and running in your development machine. The easiest way is running this Docker container which wraps both of them (you will need Docker CE):
# 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
4) Go to http://localhost:3000 to test the app once the server is running. The first time you use the docker container, an alert message will suggest you accept the self-signed certificate of openvidu-server when you first try to join a video-call.
이와같이 되어있다.
node가 깔려있고, 도커까지 기본적으로 깔려있으면 2,3번에도 문제가 없다.
다만 위에사진처럼 2개의 터미널을 실행시켜줘야한다.
3번의 도커터미널 그리고 2번의 터미널까지!
그리고 테스트하기위한 접속은 4번대로 localhost:3000으로!
기본설정된 4443으로 들어가면 이와같은 창이 나오는데 튜토리얼에선 신경쓸 필요 없어보인다.
'React' 카테고리의 다른 글
| MUI 사용법, 세팅 (내가보는쿡북) (0) | 2022.02.04 |
|---|---|
| openVidu React-demo (0) | 2022.02.04 |
| npm start,yarn start 오류 (React proxy관련) (0) | 2022.02.03 |
| React 내가 다시 볼 쿡북 (0) | 2022.01.18 |
| React Redux 5 (useSelector,useDispatch) (0) | 2022.01.17 |
