RN - DeepLink Setting

Google Oauth Flow를 끝낸 뒤, 다시 App 화면으로 돌아와야 한다. 이때 uri 를 통해서 App으로 돌아갈 수 있다.

 

이러한 것을 DeepLink라고 한다.

 

RN은 ios와 android 둘 다 지원하기 때문에, 각각 Deeplink에 필요한 스키마를 설정해야한다.

 

! 여기서 스키마값를 이용하면

[스키마값://~] 형태로 App을 호출할 수 있다. 

 

! 가장 쉬운 방법

# for iOS
npx uri-scheme add 스키마 --ios

# for Android
npx uri-scheme add 스키마 --android

! 직접 설정

 

1. Android

# android Mainfest.xml

<intent-filter>
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="스키마 입력" />
</intent-filter>

 

2. Ios

# AppDelegate.m

#import <React/RCTLinkingManager.h> // Add header

- (BOOL)application:(UIApplication *)application
   openURL:(NSURL *)url
   options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
{
  return [RCTLinkingManager application:application openURL:url options:options];
}

# ios prj > targets > app > info > url types

 

설정이 끝나면 적용

cd ios
pod install

 

앱을 구동시킨 후 다음 명령어를 통해 확인이 가능하다. (처음 시도시 패키지를 설치해야한다. (없는 경우 설치할까요 질문이 나옴))

Need to install the following packages:
  uri-scheme@1.1.0
Ok to proceed? (y) y

npx uri-scheme open 스키마:// --android
npx uri-scheme open 스키마:// --ios