react native + expo를 이용한 webview 앱 개발환경

react native + expo를 이용한 webview 앱 개발환경

미래의 제가 보기 위해 작성하는 것이므로 간단하게 작성하였습니다.

사전 준비

expo 회원가입 - 회원가입 하러가기

명령어

여기서부터는 명령어 나열입니다.

- create-expo-app 명령어를 이용한 프로젝트 설치
npx create-expo-app my-app

- eas cli 설치
npm install -g eas-cli

- eas login
eas login

- eas build:configure eas build:configure
위 작업을 완료하면 eas.json 파일이 생성됩니다.

- 해당 링크를 클릭하여 eas.json에 적혀있는 코드를 복붙
기존 eas.json 파일의 build를 교체해주시면 됩니다.

- app 빌드 명령어
eas build -p android --profile preview
해당 명령어를 입력하면 앱을 설치할 수 있는 링크가 생성됩니다.
핸드폰에서 링크를 클릭하면 설치해주시면 앱이 설치됩니다.

- react native webview 설치
npx expo install react-native-webview

참고문헌

expo 홈페이지