Cloud Platform – ReactSpring

리액트-네이티브 기반의 모바일 앱에서는 구글 파이어베이스, 구글 클라우드 플랫폼, 마이크로소프트 애저, 아마존등 다양한 클라우드 플랫폼과 연동이 가능합니다. 물리적인 리소스가 부족한 스타트업 입장이 아니더라도 안정적인 서비스를 위하여 클라우드 플랫폼과의 연동은 필수적이라 할 수 있습니다.

– 구글 파이어베이스 (Google Firebase)
– 구글 클라우드 플랫폼 (Google Cloud Platform)
– 마이크로소프트 애저 (Microsoft Azure)
– 아마존 (Amazon)

Amazon S3 이미지 서버는 NFS, NAS보다 가성비가 뛰어나며 개발언어별 연동작업도 수월한 장점이 있습니다.

구글 파이어베이스는 인증, 클라우드 메시지, 데이타베이스, 스토리지등 모바일 앱의 개발/품질/분석/성장을 위한 최상의 환경을 제공하는 클라우드 플랫폼입니다. 리액트-네이티브 환경에서도 구글 파이어베이스와 연동이 가능하며, 구글 파이어베이스에서 제공하는 다양한 기능을 손쉽게 모바일과 웹에 적용이 가능합니다.

구글 파이어베이스에서 제공하는 클라우드 메시지를 사용하면 안드로이드/iOS 푸시메시지를 한번에 전송할 수 있습니다.

푸시메시지 연동 (안드로이드 설정)

// 패키지 임포트
import io.invertase.firebase.auth.RNFirebaseAuthPackage;
import io.invertase.firebase.messaging.RNFirebaseMessagingPackage;
import io.invertase.firebase.notifications.RNFirebaseNotificationsPackage;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost =
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
          @SuppressWarnings("UnnecessaryLocalVariable")
          List<ReactPackage> packages = new PackageList(this).getPackages();
          packages.add(new NativeAgentPackage());

// 패키지 추가
          packages.add(new RNFirebaseAuthPackage());
          packages.add(new RNFirebaseMessagingPackage());
          packages.add(new RNFirebaseNotificationsPackage());
          return packages;
        }

        @Override
        protected String getJSBundleFile() {
          return CodePush.getJSBundleFile();
        }

        @Override
        protected String getJSMainModuleName() {
          return "index";
        }
      };

// 패키지 임포트

import io.invertase.firebase.auth.RNFirebaseAuthPackage;

import io.invertase.firebase.messaging.RNFirebaseMessagingPackage;

import io.invertase.firebase.notifications.RNFirebaseNotificationsPackage;

public class MainApplication extends Application implements ReactApplication {

private final ReactNativeHost mReactNativeHost =

new ReactNativeHost(this) {

@Override

public boolean getUseDeveloperSupport() {

return BuildConfig.DEBUG;

}

@Override

protected List<ReactPackage> getPackages() {

@SuppressWarnings("UnnecessaryLocalVariable")

List<ReactPackage> packages = new PackageList(this).getPackages();

packages.add(new NativeAgentPackage());

// 패키지 추가

packages.add(new RNFirebaseAuthPackage());

packages.add(new RNFirebaseMessagingPackage());

packages.add(new RNFirebaseNotificationsPackage());

return packages;

}

@Override

protected String getJSBundleFile() {

return CodePush.getJSBundleFile();

}

@Override

protected String getJSMainModuleName() {

return "index";

}

};