react native를 사용한 모바일 앱 개발/배포

우리 연구소에서 발간하는 기술 잡지를 모바일 앱으로도 확인할 수 있도록

react native를 사용한 앱을 만들었다

 

0) 개발자 계정 가입

ios - https://developer.apple.com/ / https://appstoreconnect.apple.com/apps

android - https://play.google.com/console/u/0/developers/7621581934450815956/app-list

 

1) 환경 구축

react native cli를 통한 환경 구축

https://reactnative.dev/docs/environment-setup

 

2) 개발

npx react-native start --reset-cache

npx react-native run-ios

npx react-native run-android

 

3) 로딩페이지

ios - xcode에서 삽입

 

4) 배포

 

4.1) ios

xcode에서

프로젝트 클릭 > Signing & Capablities > Signing 내 Team을 개발자 계정으로 선택

 

*버전관리 후 배포

Signing & Capablities > Signing 내 Bundle Identifier 수정

-> product > archive 클릭 (simulator로 빌드 선택돼있으면 활성화x)

- Bundle Identifier이 고유해야돼서 중복되는게 있다면 에러 뜸

!주의! 배포하면 바로 테스터들에게 알람감

 

완료되면 https://appstoreconnect.apple.com/apps 에서 testflight 진입

 

본인이 아닌 다른 ios를 사용하는 사람을 테스터로 초대하고 싶으면 https://appstoreconnect.apple.com 의 사용자 및 액세스에서 추가 (초대링크 수락하면 테스터로 추가 가능해짐)

 

testflight에서 그룹에서 테스터 추가 시, 테스터들에게 요청 메일이 발송됨

 

테스터들은 폰에 testflight앱 깔고 요청메일의 링크를 클릭하면 폰에 테스트앱이 깔림

 

 

발생한 버그들

- xcode의 info에서 Bundle display name을 수정해야 앱 이름이 변경됨 - 기존에는 frontend였더니... 앱이 깔릴때 frontend로 뜸..ㅎ
- 재배포 시 PLA / ios team provisioning 에러 발생하면 -> https://42kchoi.tistory.com/347

PLA / iOS team provisioning 에러 처리하기

 

4.2) android

android/app/build.gradle에서 버전관리

defaultConfig {

...

versionCode 6

versionName "2.0.3"

}

 

.aab 생성 후, play console에서 배포