앱 배포 전 미리보기 배포

RN을 배우면서 배포하기 전에 미리보기로 배포볼 수 있다는 걸 알았다. 웹앱 바로가기 말고 실제 앱처럼 깔아볼 수 있다니 날씨 어플을 공부하면서 만들었던 프로젝트로 바로 도전해봤다.

Expo 배포
내가 찾은 preview 는 expo 홈페이지에서 안내하는 것과 다른 옵션인 것 같아서 좀 더 찾아봤다.

• 이 페이지에도 있다 !! EAS 튜토리얼

development 프로필은 빠른 개발과 디버깅을 위해 사용되며, 로컬 환경에서 테스트를 용이하게 하고 preview 프로필은 미리보기를 위한 프로필로, 앱을 프로덕션에 가까운 환경에서 검토할 수 있도록 빌드 품질을 최적화한다고 한다.
프리뷰가 뭔가 최종 점검 느낌?

미리보기 배포를 통해 앱을 팀원이나 테스터들에게 제공하려면, EAS Build와 관련된 여러 단계를 따라야 합니다. 아래에 미리보기 배포 과정에 대한 상세한 절차를 정리했습니다. 이 과정을 처음부터 끝까지 따라가면, 앱을 테스트 용도로 배포할 수 있습니다.

1. EAS CLI 설치

EAS(Expo Application Services)는 Expo 프로젝트에서 빌드 및 배포를 관리할 수 있는 도구.

npm install -g eas-cli

이러면 eas.json 파일이 만들어진다.

2. EAS Build 환경 설정

eas.json 을 열어보면 이렇게 되어 있다.

{
  "build": {
    "android": {
      "preview": {
        "distribution": "internal",
      }
    }
  }
}

• distribution: "internal": 이 설정은 앱을 공개하지 않고, 테스트 그룹 또는 특정 사용자만 접근할 수 있게 한다. 즉, 미리보기용 배포에 적합.

3. 로그인 및 인증

eas login

4. 앱 빌드 시작

eas build -p android --profile preview

• -p android: Android 빌드
• --profile preview: eas.json에서 설정한 미리보기용 프로파일을 사용하여 빌드를 생성.

5. 빌드 상태 확인

진행하다가 오류가 나면 확인해보라는 링크가 뜨던데 이 페이지가 열린다. netlify쓸 때 많이 보던 페이지랑 비슷했다! 어떤 부분에서 오류인지 봤는데 패키지 버전 문제가 좀 있었던 것 같고 그래서 expo doctor 를 많이 썼던 것 같다.

이 명령어로도 상태를 확인할 수 있다고 한다.

eas build:status

6. 빌드 완료 후 다운로드

빌드가 완료되면, CLI에 링크가 QR이 뜨고 QR로 다운받아서 써봤다. 구글 프로텍터였나 파일 검사를 해주더라! 구웃. expo go에서 보던 그대로 어플이 실행되는 게 너무 신기하고 재밌었다.

요약

1. EAS CLI 설치: npm install -g eas-cli

2. EAS Build: eas build -p android --profile preview 명령어로 빌드 시작

3. 빌드 완료 후 배포: 빌드 완료 후 제공된 링크로 테스트 그룹에 배포

expo.dev에 들어가 프로젝트 만들기를 누르면 이렇게 뜬다. 프로젝트 만들기를 먼저 하고 명령어를

처음부터 여기서 만들고 저 명령어를 따라서 프로젝트를 만들거나 이미 만들어둔 코드베이스에 연결하는 식으로 하면 된다.