평생 공부만 해야할듯

이전글에서 ReactNative Plugin 사용방법과 CodePush Option을 알아보았습니다.

이번글에서는 코드를 변경한 후에 릴리즈 하는 방법을 알아보겠습니다.

https://gigas-blog.tistory.com/273

기본적인 Release는 아래의 형식으로 이루어져 있습니다.

appcenter codepush release-react -a <ownerName>/<appName>

#1번 글에서 CodePush-Android, CodePush-iOS 프로젝트를 만들었는데요. 그렇다면 아래와 같이 작성하면 됩니다.

appcenter codepush release-react -a bonjin/CodePush-iOS
appcenter codepush release-react -a bonjin/CodePush-Android

AppCenter 홈페이지에 보여지는 내용입니다.

appcenter codepush 명령시 아래의 옵션을 지정할 수 있습니다.

[-v]

해당 옵션을 추가하여 version을 지정할 수 있습니다.

[--description] 

해당 옵션을 추가하여 Description 내용을 추가할 수 있습니다.

[-x]

해당 옵션을 추가하여 Disabled 처리할 수 있습니다.

[-r]

해당 옵션을 추가하여 rollout 을 설정할 수 있습니다.

[-m]

해당 옵션을 추가하여 Required Update 옵션을 활성화 할 수 있습니다.

다양한 옵션들은 appcenter cli 문서를 통해 확인할 수 있습니다.

https://docs.microsoft.com/ko-kr/appcenter/distribution/codepush/cli#releasing-updates-react-native

이로써 React Native프로젝트에 CodePush 기능을 적용해봤습니다.

CodePush의 기본적인 설정으로 만들어진 프로젝트는 GitHub에 공유 되어있습니다.

https://github.com/bonjin-app/ReactNative/tree/main/SideProject/CodePush

공식 홈페이지 입니다.

https://docs.microsoft.com/ko-kr/appcenter/distribution/codepush/rn-get-started

CodePush 를 사용하기 위해 아래의 명령어를 입력하여 의존성을 추가합니다.

ReactNative 루트 경로에서 아래와 같은 명령어를 입력합니다.

npm install --save react-native-code-push

1. settings.gradle 설정

android/settings.gradle 파일에 다음과 같이 추가 합니다.

include ':app', ':react-native-code-push'
project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')

아래의 위치에 추가를 진행합니다.

2. build.gradle 설정

android/app/build.gradle 파일에 다음과 같이 추가 합니다.

...
apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
...

아래의 위치에 추가를 진행합니다.

3. MainApplication.java 설정

ReactNativeHost getJSBundleFile 메서드를 Override하여 아래처럼 작성해줍니다.

...
// 1. Import the plugin class.
import com.microsoft.codepush.react.CodePush;
public class MainApplication extends Application implements ReactApplication {
    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
        ...
        // 2. Override the getJSBundleFile method to let
        // the CodePush runtime determine where to get the JS
        // bundle location from on each app start
        @Override
        protected String getJSBundleFile() {
            return CodePush.getJSBundleFile();
        }
    };
}

4. strings.xml 설정

CodePushDeploymentKey 값을 추가하여 배포 키를 추가 합니다.

Staging, Production 키를 넣으면 됩니다.

<resources>
     <string name="app_name">AppName</string>
     <string moduleConfig="true" name="CodePushDeploymentKey">DeploymentKey</string>
 </resources>

AppCenter의 Analytics와 Crashes를 사용하면 아래처럼 추가하면 됩니다.

<string name="appCenterCrashes_whenToSendCrashes" moduleConfig="true" translatable="false">DO_NOT_ASK_JAVASCRIPT</string>
<string name="appCenterAnalytics_whenToEnableAnalytics" moduleConfig="true" translatable="false">ALWAYS_SEND</string>

이와같은 설정으로 CodePush를 사용할 수 있는 기본적인 설정이 되었습니다.