[리엑트 네이티브] Expo 기반 빌드

리엑트 네이티브 expo 관련 빌드를 해보려고합니다. ^^

잘 따라와 주세요 ㅎㅎ

React Native build란?

react-native + build 즉 직독 직해 하면 리엑트 네이티브를 짓는다 정도의 의미를 가집니다.
expo에서는 build에 대해 "Apple App Store 및 Google Play 스토어에 제출할 수있는 iOS 및 Android 용 엑스포 앱의 독립 실행 형 바이너리를 만든다" 고설명하고 있습니다. 쉽게 말하면 앱스토어에 올릴수있는 파일을 만들어 낸다! 이해되셨나요? 

React Native build 해보기!

expo에서 제공하는 문서를 따라서 진행보도록 하겠습니다.

링크 : " https://docs.expo.io/versions/latest/distribution/building-standalone-apps/ "

1. 엑스포 CLI 설치

 - CLI는 Command Line Interface의 약자로 EXPO를 Command Line에서 실행할수 있도록 도와주는 놈입니다. 

npm install -g expo-cli

위의 명령을 실행해봅시다. 

갑자기 설치가 되지 않는 군요.  EXPO에서는 아래와 같이 설명하고 있습니다.

Windows 사용자 는 WSL을 사용하도록 설정해야합니다. 우분투를 Windows 스토어에서 가져 오는 것이 좋습니다. 우분투를 적어도 한번은 시작해야합니다. 그 후에 Admin powershell을 사용하여 다음을 실행하십시오. 

저는 아래 링크 따래 진행했습니다. ^^ [https://webdir.tistory.com/541]

설치가 잘 되었는지 확인해보도록 하겠습니다. 

expo -V

잘 실행된다면. 설치가 잘 이루어 졌다고 보시면 됩니다.

2. App.json 

json 파일 설정을 마지막으로 할수 있는 시기입니다. 

json 파일에 아래의 내용을 삽입합니다. 

"android" : {

      "package" : "com.yourId.yourProjectName"

    },

json 파일 설정에 대해 알아보려면  " https://docs.expo.io/versions/latest/workflow/configuration/ " 

3. 빌드 시작

※Android로만 빌드작업을 진행

expo build:android

 

expo 계정이 있어야만 빌드 작업을 진행할 수있기 때문에 

계정이 없으면 계정을 만들어주세요 

로그인을 하면

키스토어를 업로드할것인지 물어보는 메시지를 확인할 수 있습니다.

1)expo에서 키스토어 업로드 절차를 처리하도록 합니다

2) 키 스토어를 직접 업로드하고 절차를 처리합니다.

아무런 문제 없이 빌드가 완성되는 것을 볼 수 있습니다.

그리고 빌드가 된 파일을 확인 할수 있도록 expo에서 제공하고 있습니다.

우측 상단의 Download 버튼을 클릭하여 apk파일을 받을 수 있습니다.

정리

expo를 이용해 빌드를 진행했습니다.

expo를 실행하기 위해 먼저 expo cli를 설치했고 

expo build:android를 입력해 빌드를 진행했습니다.

마지막으로 expo에서 제공하는 웹사이트에서 apk를 다운 받을 수 있었습니다.