기존의 Auth0를 React Native에도 적용

기본적으로 아래 문서를 잘 따라가면 된다.

https://auth0.com/docs/quickstart/native/react-native

React Native로 만들어지긴 했으나 웹뷰로만 돌리고 있는 Intelz 앱을 웹에서 앱으로 옮기는 단계에서 가장 먼저 도전한 일은 기존의 인증 로직을 옮겨오는 것이었다. 다행히 Auth0에서 제공하는 공식 라이브러리가 있었고, 설명을 따라 적용을 진행했다. 아직은 개발 단계이므로 dev 서버의 tenant를 사용했다. 따라서 후에 프로덕션으로 옮길 때 해줘야하는 작업들을 정리해두자. 먼저 안드로이드에서 app/build.gradle

android {
  defaultConfig {
    // Add the next line
    manifestPlaceholders = [auth0Domain: "YOUR_DOMAIN", auth0Scheme: "${applicationId}"]
  }
...
}

프로덕션에서는 도메인을 바꿔야 하겠다. 또한 auth0 application settings 에서 callback URL과 logout URL을 설정한다.

iOS callback URL / logout URL (둘다 동일)

{PRODUCT_BUNDLE_IDENTIFIER}://YOUR_DOMAIN/ios/{PRODUCT_BUNDLE_IDENTIFIER}/callback
// 개발환경 예시
ploooto://plooto-dev.us.auth0.com/ios/ploooto/callback

안드로이드는 callback URL / logout URL (동일)

{YOUR_APP_PACKAGE_NAME}://YOUR_DOMAIN/android/{YOUR_APP_PACKAGE_NAME}/callback
// 개발환경 예시
com.ploooto.ploooto://plooto-dev.us.auth0.com/android/com.ploooto.ploooto/callback

나머지는 개발환경에서 쓰던 코드를 그대로 재사용하면 충분하다. YOUR_DOMAIN이 있는 부분만 주의하자.