React Native exp로 빌드하는 방법

리액트 네이티브로 제작한 교내 어플리케이션이 완성됐다.

애플 개발자 등록과 구글 개발자 등록도 준비해놨다.

(구글 개발자 등록 : http://hides.kr/882

애플 개발자 등록 : http://hides.kr/784 )

이제 개발한 어플리케이션을 Standalone 파일로 만들고 등록만 하면 된다.

먼저 애플 개발자 등록은 이미 해놓은 상태라고 가정하고 설명한다.

먼저 아래의 명령어로 exp를 설치한다.

yarn global add exp

다음으로 Expo를 킨다.

오른쪽 상단을 보면 위처럼 Publish가 있다.

클릭한다. (시간이 좀 걸림)

* 추가 *

Expo를 통해 Publish는 굳이 할 필요가 없다.

단순히 Expo어플을 통해 접근할 수 있게 해주는 것이라고 한다.

위처럼 나오다가 완료되면 마지막에 http://expo.io/@계정명/어플이름 형태로 주소가 나온다.

다음으로 아래의 명령어를 입력하여 빌드한다.

exp build:ios

(여기서 문제점을 발견했다. exp가 제대로 설치가 안된 느낌이다. ZSH을 사용하고 있는데 exp를 입력하면

Command Not found가 떠버린다. 찾아보니 다음과 같이 해결하면 된다)

# enter BASH world (get out of oh-my-zsh and zsh)
$ bash
$ yarn global remove ember-cli
$ yarn global add ember-cli
# get back to oh-my-zsh
$ exit 
$ ember
# worked!!!!

튼 exp build:ios를 쳤는데 [exp] Your project must have a bundleIdentifier set in app.json. 이런 에러가 발생했다.

app.json에 bundleIdentifier부분을 추가해줘야 한다.

    "ios": {

      "supportsTablet": true,

      "bundleIdentifier": "kr.계정명.어플이름"

    },

다시 exp build:ios를 입력하면 애플 계정과 암호를 입력하라고 나온다.

입력한 이후 Distributed Certificate와 Push Certificate를 직접 다룰건지 Expo에 맡길건지 고를 수 있는데

나는 Expo에게 맡기는걸로 선택했다.

[exp] Publishing...

[exp] Building iOS bundle

위와 같은 메시지가 뜨다가 정상적으로 완료되면,

위처럼 https://expo.io/builds/asdsadadsnda213 형식으로 주소를 하나 준다.

들어가보면 Build log를 확인해볼 수 있다.

(터미널에서도 exp build:status를 통해 확인할 수 있음)

여기서 시간이 조금 걸리는데 기다리다보면 .ipa확장자를 가진 파일을 다운받을 수 있는 URL을 준다.

이제 이 파일로 앱 스토어에 심사를 맡기면 된다.