iOS에서 Firebase Google 로그인

설치

소개

이 가이드는 iOS에서 Google Sign-In을 Firebase 인증과 통합하는 방법을 설명합니다. iOS 앱을 Firebase 콘솔에 등록한 경우에만 이 가이드를 따르세요. 일반 Firebase Google 설정.

설치 단계

프로젝트 개요를 확인하려면 console.cloud.google.com으로 이동하세요. console.cloud.google.com
Firebase Console에서 Add app 버튼

이 버튼을 찾으려면 여기에 와야 할 수 있습니다. 이 경우는 Firebase Console에서 이미 다른 앱을 생성한 경우에만 해당합니다.
선택 iOS
폼의 첫 번째 부분을 입력하세요
1. 두 번째 부분을 입력하세요 Apple bundle ID
  1. Xcode를 앱이 사용하는 곳에서 열어 주세요. npx cap open ios
  2. Xcode에서 App
  3. Xcode 프로젝트 탐색기에서 앱이 선택된 상태로 Targets -> App
  4. 프로젝트 설정에서 Bundle Identifier
    이 곳에 표시된 ID는 나머지 가이드에서 사용할 ID와 다를 수 있습니다. 나머지 가이드에서 사용할 ID는 app.capgo.plugin.SocialLogin 나머지 가이드에서 사용할 ID는
  5. ID를 복사하세요. Bundle Identifier 그것을 Firebase 콘솔에 붙여넣으세요
2. Firebase 콘솔에서 Register app 버튼
스키핑 Download config file 단계
스키핑 Add firebase SDK 단계
스키핑 Add initialization code 단계
클릭하여 Continue to console 버튼
iOS 클라이언트 ID와 YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. 구글 클라우드 콘솔에 console.cloud.google.com
2. 프로젝트 찾기
  1. 프로젝트 선택기
  2. 이것입니다. sociallogin-tutorial-app.
3. 검색 바를 열고 열기 credentials
  1. 검색 바를 열기
  2. 를 찾으세요 credentials 그리고 검색 바의 APIs and Services 1 (스크린샷에 표시된 번호 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 파일을 사용하시면
클라이언트 ID 복사
1. Firebase 콘솔로 돌아가서 Build -> Authentication
2. 버튼을 클릭하세요 Sign-in method 버튼
3. 버튼을 클릭하세요 Google 제공자
4. 버튼을 클릭하세요 Web SDK configuration 버튼
5. 복사하세요 Web client ID. 이 설정은 Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID webClientId in the initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID
Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID
1. Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID Info.plist file
2. Firebase Authentication Sign-in Method Web code 설정 Web Client ID
3. Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID Plist Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ 설정 Web Client ID </dict> 태그
4. Info.plist 파일의 닫는 태그 바로 앞에 다음 코드를 삽입하세요 </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 Info.plist 파일에 실제 역전된 클라이언트 ID를 URL schemes에 삽입
  
  이 값을 확인하세요 시작합니다 와 com.googleusercontent.apps
변경하여 YOUR_IOS_CLIENT_ID iOS 클라이언트 ID를 복사한 단계 9에서 복사한 ID로 변경합니다
파일을 저장합니다 Command + S

수정합니다 AppDelegate.swift

AppDelegate.swift 파일을 Xcode 프로젝트 탐색기에서 열어보세요
Insert import GoogleSignIn 파일의
구글 소셜 로그인 func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) 함수

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

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)
}

GoogleSignIn을 처리하는 수정된 애플리케이션 openURL 함수

파일을 다음처럼 저장하세요 Command + S

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

이 단계에서 Google 로그인을 앱에 사용할 준비가 되었습니다. 다음과 같이 사용하세요 authUtils.ts 예제 앱의 authUtils.ts 파일을 사용하여 Google과 인증하세요

사용자가 Firebase Auth에 처음 로그인할 때 자동으로 생성됩니다

문제 해결

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

인증합니다 idToken 대상이 Firebase 웹 클라이언트 ID와 일치하는지 확인합니다.
Firebase 콘솔에서 Google Sign-In이 활성화되어 있는지 확인합니다.
Info.plist가 올바른 URL schemes 및 GIDClientID를 가지고 있는지 확인합니다.
Verify iOSServerClientId Firebase 웹 클라이언트 ID와 일치하는지 확인합니다.
리뷰하십시오 예시 앱 code 참조용으로

Firebase Google Login on iOS를 사용 중이라면 iOS에서 Firebase Google 로그인 인증 및 계정 흐름을 계획하고 연결하려면 Capgo에서 @capgo/capacitor-social-login을 사용합니다. Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric Using @capgo/capacitor-social-login 두 단계 인증 두 단계 인증 구현에 대한 구체적인 정보

iOS에서 Firebase Google 로그인

소개

설치 단계

문제 해결

Firebase Google Login on iOS에서 계속 진행하세요.