소개

본 기사는 2020-01-31의 기사 「agora.io Video SDK for React Native 빠른 시작 가이드」의 개정판이 됩니다.

개요

agora.io에서는 ReactNative를 이용한 개발이 가능합니다.
원래는 커뮤니티에서 시작된 프로젝트이지만 현재는 Agora가 공식적으로 유지 관리하고 있습니다.

agora.io 의 다운로드 센터 에는 아래 그림과 같은 화면이 표시됩니다만, 이쪽은 npm 에 공개하고 있는 SDK 패키지에의 링크가 되어 있습니다.
※ 2020-11-26 시점



SDK 자체의 입수는 상기 링크처에서 소개되고 있습니다만, 여기에는 샘플 프로젝트를 포함하지 않습니다. 샘플을 사용하여 동작을 확인하려면 커뮤니티에 게시된 항목을 사용하세요.

링크: htps : // 기주 b. 코 m / 아고라이 오 - 고무 ty / 아고라 - R 응쿠 cks

이 기사에서는이 샘플을 사용하여 앱을 빌드하는 방법을 소개합니다.

빌드 방법

1.github 커뮤니티에서 아고라 희귀 CT 나치베 다운로드
2. 파일을 확장하고 프로젝트의 루트 폴더로 이동
3. 다음 명령을 실행하여 필요한 패키지 추가

npm install

또는

yarn

4.App.tsx를 열고 다음 행에 AppID 및 token을 추가
※ token 을 사용하지 않는 경우는, 하늘 캐릭터 라인으로 대용합니다



5. iOS에서 빌드하고 싶다면 다음 명령을 실행하십시오.

cd ios && pod install

6. 기기와 PC를 연결하고 기기 종류에 따라 다음 명령을 실행하여 앱을 시작합니다.

Android의 경우

npx react-native run-android

iOS의 경우 :

다음 명령을 사용하면 빌드된 앱이 iOS 시뮬레이터에서 실행됩니다.

npx react-native run-ios

실제 기기에 설치하려면 ReactNative의 Running On Device를 참조하십시오.
htps : // 레아 ct나치ゔぇ. v / cs / runin g-on-에서 ぃ

지금까지 오류가 발생하면 개발 환경에 필요한 도구가 부족할 수 있으므로 ReactNative 공식 사이트에서 개발 환경을 설정하는 방법을 확인하십시오.
htps : // 레아 ct나치ゔぇ. v / cs / 엔즈

앱 화면

앱을 실행하고 "Start Call"을 누르면 "channel-x"라는 이름의 채널에 연결됩니다.
※ 그라데이션의 화상 처리를 걸고 있는 부분에 카메라 영상이 비쳐집니다

마지막으로

agora.io에 관한 문의는 이쪽으로부터