Development/React Native

React Native Firebase 설정 및 구글 로그인 연동 (iOS)

Ahn Paul 2021. 1. 28. 19:21

Firebase 설정 

- rnfirebase.io/

 

React Native Firebase | React Native Firebase

Welcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module.

rnfirebase.io

 

위 사이트 내용을 따라하면 설정이 완료된다.

 

 

구글 로그인 연동

- github.com/react-native-google-signin/google-signin

 

react-native-google-signin/google-signin

Google Sign-in for your React Native applications. Contribute to react-native-google-signin/google-signin development by creating an account on GitHub.

github.com

마찬가지로 위 사이트 내용을 따라하면 설정이 완료된다.

 

※ 발생된 에러 

E:

Trying to sign in crashed and gives me : Your app is missing support for the follwing URL schemes

-> github.com/googlesamples/google-services/issues/81

 

Trying to sign in crashes and gives me: ''Your app is missing support for the following URL schemes' · Issue #81 · googlesampl

I'm running the following code versions on iOS 9: Installing Google (1.1.0) Installing GoogleAppUtilities (1.0.0) Installing GoogleAuthUtilities (1.0.1) Installing GoogleInterchangeUtilities (1...

github.com

Solution:

Add custom URL schemes to your Xcode project:
1)Open your project configuration: double-click the project name in the left tree view. Select your app from the TARGETS section, then select the Info tab, and expand the URL Types section.
Click the + button, and add a URL scheme for your reversed client ID. To find this value, open the GoogleService-Info.plist configuration file, and look for the REVERSED_CLIENT_ID key. Copy the value of that key, and paste it into the URL Schemes box on the configuration page. Leave the other fields blank.
When completed, save the file and rebuild the project.

 

'Development > React Native' 카테고리의 다른 글

[React Navigation] Deep Linking 적용  (0) 2022.08.15
[Docs] Testing  (0) 2022.08.15
React Native iOS 배포  (0) 2021.02.22
Cocoapods  (0) 2021.01.28
React Native FCM 구축 (1)  (0) 2021.01.19