iOS에서 Firebase Google 로그인

소개

이 안내서에서는 iOS에서 Google Sign-In을 Firebase Authentication과 통합하는 방법을 설명합니다. Firebase Google 설정을 이미 완료했다고 가정합니다. __CAPGO_KEEP_0__.

주의

이 안내서에서는 Firebase Console에서 iOS 앱을 아직 생성하지 않은 경우에만 설명합니다. 이미 생성했다면, 단계는 약간 다를 것입니다.

설정 단계

1. 프로젝트 개요를 확인하려면 console.cloud.google.com

   

2. 클릭 버튼 Add app 버튼

   

   주의

   이 버튼을 찾으려면 이곳을 확인해야 할 수 있습니다. 이 경우는 Firebase Console에서 이미 다른 앱을 생성한 경우에만 해당합니다.

   

3. 선택 iOS

   

4. 폼의 첫 번째 부분을 완성하세요

   1. 완성 Apple bundle ID
      1. Xcode를 사용하여 앱을 열어주세요 npx cap open ios
      2. Double click on App
      3. Ensure that you are on Targets -> App
      4. Find your Bundle Identifier

         주의

         The ID shown here will differ from the one I will use for the rest of the guide. I will use app.capgo.plugin.SocialLogin 이 가이드의 나머지 부분에서 사용할 ID와 다를 것입니다. 나머지 부분에서 사용할

      5. Copy the Bundle Identifier Firebase 콘솔에 붙여넣기
   2. 버튼을 클릭하세요. Register app 버튼

5. 단계를 건너 뛰세요. Download config file 단계

   

6. 단계를 건너 뛰세요. Add firebase SDK Firebase Add App iOS 다운로드 건너 뛰기 Firebase __CAPGO_KEEP_0__ 버튼

   

7. 단계 Add initialization code Firebase Add App iOS 다운로드 건너 뛰기 Firebase __CAPGO_KEEP_0__ 버튼

   

8. 클릭하여 Continue to console 버튼

   

9. iOS 클라이언트 ID와 YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Google Cloud Console로 console.cloud.google.com

   2. 프로젝트를 찾으세요

      1. 프로젝트 선택기
      2. Firebase Project Selector Project sociallogin-tutorial-app.

   3. 검색 바를 열고 열기 credentials

      1. 검색 바를 열기
      2. 찾기 credentials 및 검색 바에서 클릭 APIs and Services 스크린샷에 나와있는 2번

   4. 클릭 iOS client for [YOUR_APP_ID] (auto created by Google Service) 1입니다. 나의 경우는 sociallogin-tutorial-app.

      

   5. 복사 Client ID 그리고 iOS URL scheme이것은 각각 당신의 iOSClientId 및 YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      주의

      당신은 플러그인에 대한 iOSClientId 앱의 initialize 플러그인 메소드의 YOUR_DOT_REVERSED_IOS_CLIENT_ID 앱의 Info.plist 파일에서

      

10. 웹 클라이언트 ID를 가져오세요

    1. Firebase 콘솔로 돌아가서 다음 부분의 이 안내서에서 설명한 대로 앱의 Build -> Authentication
    2. 버튼을 클릭하세요. Sign-in method 버튼
    3. 버튼을 클릭하세요. Google 서비스 제공자
    4. 버튼을 클릭하세요. Web SDK configuration 파이어베이스 인증 로그인 방법 웹 __CAPGO_KEEP_0__ 설정 버튼
    5. 키입니다. Web client ID키 webClientId Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID initialize 앱의 Info.plist를 수정하세요.

11. 파일

    1. Xcode 프로젝트 탐색기에서 Info.plist 파일을 찾으세요. Info.plist 이 파일을 오른쪽 클릭하고 소스 __CAPGO_KEEP_0__로 열기

       

    2. Right click this file and open it as source code

       

    3. 태그를 볼 수 있습니다. Plist Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Configuration Web Client ID </dict> Modify your app’s Info.plist

       

    4. 닫는 태그 직전에 다음 프래그먼트를 삽입하세요. </dict> 태그

       

       <key>CFBundleURLTypes</key>
       <array>
       <dict>
         <key>CFBundleURLSchemes</key>
         <array>
           <string>YOUR_DOT_REVERSED_IOS_CLIENT_ID</string>
         </array>
       </dict>
       </array>
       <key>GIDClientID</key>
       <string>YOUR_IOS_CLIENT_ID.apps.googleusercontent.com</string>

    5. 를 YOUR_DOT_REVERSED_IOS_CLIENT_ID 9번 단계에서 복사한 iOS URL 스키마의 실제 값으로 변경

       

       주의

       이 값을 시작 with com.googleusercontent.apps

12. Change the YOUR_IOS_CLIENT_ID __CAPGO_KEEP_0__

13. Save the file with Command + S

14. Modify the AppDelegate.swift

    1. Open the AppDelegate

       

    2. Insert import GoogleSignIn __CAPGO_KEEP_0__ with GoogleSignIn import added

       

    3. __CAPGO_KEEP_0__ func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) function

       

    4. 함수를 다음처럼 수정하세요

       func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
           // Called when the app was launched with a url. Feel free to add additional processing here,
           // but if you want the App API to support tracking app url opens, make sure to keep this call
       
           var handled: Bool
       
           handled = GIDSignIn.sharedInstance.handle(url)
           if handled {
             return true
           }
       
           return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
       }

       

    5. 파일을 Command + S

15. 앱에서 Google 로그인을 사용하는 방법

    이 단계에서는 앱에서 Google 로그인을 사용할 준비가 되었습니다. 다음과 같이 authUtils.ts 예제 앱의

Firebase Auth에 첫 번째 로그인 시 사용자 자동 생성

문제 해결

인증이 지연되거나 실패하는 경우:

• Firebase 웹 클라이언트 ID와 일치하는지 확인하세요. idToken Firebase 콘솔에서 Google Sign-In이 활성화되어 있는지 확인하세요.
• Info.plist에 올바른 URL schemes과 GIDClientID가 포함되어 있는지 확인하세요.
• Firebase 웹 클라이언트 ID와 일치하는지 확인하세요.
• 예시 앱 __CAPGO_KEEP_0__을 참조하세요. iOSServerClientId 참조용으로 예시 앱을 확인하세요.
• 이전으로 example app code 예시 앱 __CAPGO_KEEP_0__