728x90
반응형

 

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

 

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

 

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

 

[ReactNative] Code Push #4 ReactNative Plugin사용

#1 번글에서 CodePush 라이브러리를 추가 했습니다. https://gigas-blog.tistory.com/270 [ReactNative] Code Push #1 appcenter cli ReactNative의 장점은 CodePush 로 앱을 심사없이 없데이트 할 수 있다는 것..

gigas-blog.tistory.com

 

 

 

기본적인 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

 

App Center CLI를 사용하여 CodePush 업데이트 릴리스 - Visual Studio App Center

CodePush 업데이트를 릴리스하기 위해 App Center CLI를 사용하고 설정하는 방법

docs.microsoft.com

 

 

 

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

 

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

 

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

 

GitHub - bonjin-app/ReactNative

Contribute to bonjin-app/ReactNative development by creating an account on GitHub.

github.com

 

728x90
반응형
728x90
반응형

 

공식 홈페이지 입니다.

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

 

React Native 클라이언트 SDK 시작 - Visual Studio App Center

React Native SDK & CodePush 시작

docs.microsoft.com

 

 

 

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를 사용할 수 있는 기본적인 설정이 되었습니다.

 

728x90
반응형

+ Recent posts