React Native + Expo 앱 게시(공개): 테스트 배포

이 기사는 "【연재】 최초의 React Native + Expo 개발 환경 구축 입문"의 자식 기사입니다. 환경과 같은 조건은 상위 기사를 참조하십시오.

Expo로 만든 앱은 매우 쉽게 Publish하거나 Deploy 할 수 있습니다.
이 기사에서는, 지난번까지 작성 도중의 Hello World 앱(송장 앱 모형)을 Publish 합니다.

Publish와 Deploy의 차이



Expo에는 Publish와 Deploy가 있습니다. Publish도 Deploy도 다른 사용자가 앱을 실행할 수 있다는 의미에서 동일합니다. 큰 차이점은 Publish 버전의 실행은 Expo client가 필요하지만 Deploy 버전은 완전히 독립적 인 네이티브 앱이라는 것입니다.

Publish: 개발자 이외의 사용자가 Expo client에서 앱을 사용할 수 있도록 합니다.
Deploy: 개발자 이외의 사용자가 Expo client 없이 앱을 사용할 수 있도록 합니다.



Publish
Deploy


실행에 Expo Client
필요
불필요

오프라인 동작
NG
OK

테스트용 배포
간단: URL 또는 QR 코드
귀찮은: .apk/.ipa 파일

일반 공개
NG
OK


 실용 시점에서는 반드시 네이티브 앱화합니다만, Google Play나 App Store에 일반 공개할 필요가 있을지는 앱의 용도에 따릅니다. 사내에서만 사용하는 앱이라면 IT 팀이 직접 설치하고 배포하는 운용도 있을 것입니다.
테스트 단계에서는 대부분의 경우 Publish하여 Expo Client에서 앱을 사용하는 것이 좋습니다. 다만, 오프라인(인터넷 접속이 없는 상태)에서는 Expo Client가 동작하지 않기 때문에, 전파가 없는 곳에서의 이용도 상정한 앱이라면 Deploy 해 테스트할 필요가 있습니다.

Publish 준비 - Expo 계정 만들기



Expo 앱을 게시하려면 Expo 계정이 필요합니다. 연재의 첫 번째 기사 「Expo 계정을 만들어 React Native 개발 환경을 구축」를 참고로, 계정을 준비하고 있는 상태를 만듭니다.

Publish 실행



Publish는 UI에서 실시합니다. CLI에서도 구현할 수 있습니다. 자세한 내용은 공식 문서을 참조하십시오.

'Visual Studio Code에서 프로젝트를 열고 PowerShell에서 앱을 실행합니다.
expo start

Expo Dev Tools가 나타나면 왼쪽 창에서 Publish or republish project...를 클릭하십시오. NAME과 URL SLUG를 입력(프로젝트 작성시에 입력한 정보가 이미 들어 있기 때문에 그대로라도 OK)하고, Publish project를 클릭.



여기에서는 Visual Studio Code의 PowerShell 측에서 조작합니다. 사용자 계정이 필요하다고 말하기 때문에 Log in with an existing Expo account(이미 가지고 있는 계정 사용)를 선택.



  그 후 사용자 이름과 비밀번호를 입력하여 로그인이 성공하면 앱 빌드가 시작됩니다. 빌드는 평소보다 시간이 오래 걸립니다.
성공하면 다음과 같이 Success 메시지가 나옵니다.



또한 Expo 웹에 로그인하면 게시한 프로젝트가 프로젝트 탭에 표시됩니다.



 Success 메시지에 있는 URL을 열면 (로그인하지 않아도) 앱을 실행하기 위한 QR 코드가 표시됩니다. 이것은 로그인할 때 표시되는 프로젝트의 링크 대상과 동일합니다.



이제 이 프로젝트의 URL을 아는 사람은 누구나 손 안드로이드나 iPhone의 Expo Client로 앱을 실행할 수 있게 되었습니다!

좋은 웹페이지 즐겨찾기