[Expo] eas update를 통해 앱배포없이 수정사항 반영하기

개요

Expo를 사용해서 React Native App 개발 포스팅에 이이서 eas update를 사용해서 비 네이티브 부분(ex Javascript, css) 의 수정사항을 구글 플레이스토어에 앱배포 없이 적용하는 방법에 대해서 알아보도록 하겠습니다.

 

React native에서는 이런 기능을 위해서 CodePush를 사용합니다.

CodePush는 Microsoft에서 제공하는 서비스로, 모바일 애플리케이션을 런타임 시에 업데이트할 수 있게 도와주는 도구입니다. 이를 통해 앱을 재배포할 필요 없이 사용자에게 새로운 코드나 리소스를 제공할 수 있습니다. 이는 애플리케이션의 성능 향상, 버그 수정, 또는 새로운 기능을 빠르게 배포하는 데 유용합니다.

 

Expo에서는 Eas Update를 통해 CodePush와 같은 기능을 제공합니다.

Eas Update는 Expo-updates 라이브러리를 사용하는 프로젝트를 위한 호스팅 서비스입니다. EAS Update는 앱 스토어 제출 사이에 작은 버그를 수정하고 빠른 수정을 푸시하는 것을 가능하게 합니다. 이를 통해 엔드 유저의 앱은 새로운 업데이트를 사용하여 앱의 비 네이티브 부분 (예: JS, 스타일링 및 이미지 변경)을 교체하여 버그 수정 및 기타 업데이트를 제공합니다. Expo-updates 라이브러리를 사용하는 모든 앱은 업데이트를 수신할 수 있습니다.

 

 

eas update

expo-updates 라이브러리를 설치합니다. 

npx expo install expo-updates

 

프로젝트에 eas udpate 설정을 합니다.

eas update:configure

eas update 설정이 완료되면 eas.json 파일에 아래와 같이 preview, production 채널이 추가됩니다.  해당 채널을 eas update 시 지정해주게 됩니다.

"build": {
    "preview": {
      "distribution": "internal",
      "channel": "preview"
    },
    "production": {
      "channel": "production"
    }
  },

 

개발서버를 실행합니다.

npx expo start

 

Javascript, 이미지를 수정한 후 eas update를 하면 수정사항이 반영되는것을 확인할 수 있습니다. branch에는 eas.json 파일의 업데이트할 채널을 넣어주면 됩니다.

eas update --branch [branch] --message [message]

ex) eas update --branch preview --message "Updating the app"

 

 

참고자료

https://docs.expo.dev/eas-update/getting-started/