배포하기

1. 빌드하기

1-1. app.json 파일 설정

• 빌드를 하기 전에 어플 이름, 버전 등의 정보를 사전에 기입하여야 한다.
  공식문서 : https://docs.expo.dev/versions/latest/config/app/

• name : 어플 이름으로 사용할 이름으로 설정

• icon : 어플 아이콘 이미지 경로 (ios)

• splash : 어플 로딩 화면 이미지 경로 (ios)

• android -> adaptiveIcon -> foregroundImage : 어플 아이콘 이미지 경로 (android)

(배포를 위해 반드시 필요한 정보)

• ios 경우
  - bundleIdentifier : 앱의 식별자로 다른 앱과 중복되지 않도록 기입
  - buildNumber : 앱의 버전이라 생각
  - infoPlist : 필요한 권한과 권한 요청 메시지 기입
  • Ex) 사진(갤러리) 접근/쓰기 요청
  • https://docs.expo.dev/versions/latest/config/app/
• androiod 경우
  - versionCode : 앱의 식별자로 다른 앱과 중복되지 않도록 기입
  - versionCode : 앱의 버전이라 생각
  - permissions : 필요한 권한과 권한 요청 메시지 기입
  • Ex) 사진(갤러리) 접근/쓰기 요청
  • https://docs.expo.dev/versions/latest/config/app/

// app.json

{
  "expo": {
    "name": "my-first-expo",
    "slug": "my-first-expo",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": ["**/*"],
    "ios": {
      "supportsTablet": false,
      "bundleIdentifier": "com.Sangheon",
      "buildNumber": "1.0.0",
      "infoPlist": {
        "NSPhotoLibraryUsageDescription": "The app accesses the photo library to upload your profile when you are signing up or updating profile image."
      }
    },
    "android": {
      "package": "com.Sangheon",
      "versionCode": 1,
      "permissions": ["READ_EXTERNAL_STORAGE", "WRITE_EXTERNAL_STORAGE"],
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

1-2. 실제 빌드하기

A. ios

• expo build:ios

• simulator 선택

• cli 창 또는 Expo 사이트에서 빌드 상태 확인 후
  Expo 사이트에서 설치 파일 확인

B. android

• expo build:android

• apk 선택

• Generate new keystore 선택

• cli 창 또는 Expo 사이트에서 빌드 상태 확인 후
  Expo 사이트에서 설치 파일 확인

2. IOS 배포

애플 개발자 프로그램

• https://appleid.apple.com/ 에서 아이디 생성

• 사파리브라우저 사용

• https://developer.apple.com 로그인

• Join the Apple Developer Program

• 오른쪽 상단에 Enroll 버튼 클릭

• Start your Enrollment

• 개발자 유형 은 개인(Individual) 선택

• 완료후 1~2틀 이내로 가입 완료

애플 앱 스토어

• https://appstoreconnect.apple.com 에서 진행

• expo build:ios 후 archive 선택

• 로그인 후 Let Expo Handle the process

• https://appstoreconnect.apple.com 에서 나의 앱 선택

• 신규 앱 추가

• 번들 ID : Expo 빌드 사이트에서 확인
  SKU : bundleIdentifier 값으로 입력
  전체 액세스 선택

• 앱 미리보기 이미지 업로드(안맞을시 Figma 등으로 수정)

• 아래 내용 중 지원 URL은 필수
  Github에 문서 업로드후 해당 URL 입력도 가능(마크다운 파일)

• 연락처 정보, 로그인 정보(애플리케이션을 테스트 하기 위해 로그인 가능한 아이디와 비번 입력)

• 자동으로 버전 출시 -> 저장

• 앱이 수집하는 개인 정보 - 없음.

• 개인정보 처리방침 URL
  Github에 문서 업로드후 해당 URL 입력도 가능(마크다운 파일)

• 등급 : 편집 버튼 클릭 후 적절히 선택

• Transporter 라는 앱으로 빌드된 파일(***.ipa)을 업로드