iOS에서 Google Firebase 로그인

이 플러그인의 설치 단계와 전체 마크다운 가이드를 포함한 설정 프롬프트를 복사하세요.

소개

이 문서는 iOS에서 Google Sign-In을 Firebase 인증과 통합하는 방법을 설명합니다. Firebase 인증을 사용하기 전에 Firebase 인증을 사용할 수 있는지 확인한 것으로 가정합니다. Firebase Google 일반 설정.

설정 단계

프로젝트 개요로 이동하세요. console.cloud.google.com
버튼 Add app Firebase 앱 추가 버튼

이 버튼을 찾으려면 여기에 오를 수 있습니다. 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는 app.capgo.plugin.SocialLogin 나머지 가이드의 나머지 부분에 대해
  5. 복사하여 Bundle Identifier Firebase 콘솔에 붙여넣기
2. 버튼 클릭 Register app __CAPGO_KEEP_0__
스키핑 Download config file 단계
스키핑 Add firebase SDK 단계
스키핑 Add initialization code 단계
버튼을 클릭하세요 Continue to console 버튼
iOS 클라이언트 ID와 YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Google Cloud Console에 가기 console.cloud.google.com
2. 프로젝트 찾기
  1. 프로젝트 선택기 클릭
  2. Firebase 프로젝트 정확한 이름으로 프로젝트를 검색하고 클릭하세요. 나의 경우, 그것은 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.
  
  이 플러그인을 사용하여 Firebase Authentication을 구현하려면 Google Cloud Console에서 Client ID를 생성해야 합니다. iOSClientId Client ID를 생성하는 방법은 이 플러그인의 initialize 설정 파일에서 Client ID를 사용하여 Firebase Authentication을 구현합니다. YOUR_DOT_REVERSED_IOS_CLIENT_ID Google Cloud Console Credentials iOS Client ID 복사 Info.plist 웹 클라이언트 ID를 가져오세요
Firebase Authentication 메뉴로 이동하세요
1. 버튼을 클릭하세요 Build -> Authentication
2. __CAPGO_KEEP_1__ Sign-in method __CAPGO_KEEP_2__
3. 클릭하여 Google 서비스
4. 클릭하여 Web SDK configuration 버튼
5. 복사하세요. 이 설정은 Web client ID플러그인에서 사용하는 webClientId 메소드의 initialize 웹 __CAPGO_KEEP_0__ 설정
애플리케이션의 Info.plist을 수정하세요.
1. Xcode를 열고 프로젝트 탐색기에서 Info.plist 파일
2. 이 파일을 오른쪽 클릭하고 소스 code로 열기
3. 파일의 하단 부분에서 Plist 파일의 하단 부분에서 </dict> 태그
4. Info.plist 파일의 Closing dict 태그를 닫기 전에 </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 scheme의 값을 입력하세요
  
  이 값을 확인하세요 이 값은 iOS Client ID com.googleusercontent.apps
9번 단계에서 복사한 iOS Client ID를 입력하세요 YOUR_IOS_CLIENT_ID STARTS
파일을 저장하세요. Command + S

수정하세요. AppDelegate.swift

AppDelegate를 열어보세요.
삽입하세요. import GoogleSignIn AppDelegate.swift 파일의 맨 위에 GoogleSignIn import를 추가하세요.
AppDelegate.swift에서 함수를 찾으세요. func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) AppDelegate.swift에서 원래의 openURL 함수를 찾으세요.

AppDelegate.swift에서 함수를 수정하세요.

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 로그인을 앱에 사용할 준비가 되었습니다. Google 로그인을 사용하려면 authUtils.ts 예제 앱의 authUtils.ts 파일을 사용하여 Google과 인증하세요.

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

문제 해결

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

Firebase web client ID와 매치되는 idToken 대상을 확인하세요.
Google Sign-In이 Firebase Console에서 활성화되어 있는지 확인하세요.
Info.plist에 올바른 URL schemes과 GIDClientID이 포함되어 있는지 확인하세요.
확인 iOSServerClientId 웹 클라이언트 ID와 일치하는지 확인하세요.
예시 앱 __CAPGO_KEEP_0__을 참조하세요. example app code Firebase Google Login on iOS에서 계속 진행하세요.

Firebase Google Login on iOS를 사용하여 인증 및 계정 흐름을 계획하고 있습니다. iOS에서 Firebase Google Login을 연결하는 방법 Firebase Google Login on iOS를 사용하여 인증 및 계정 흐름을 계획하고 있습니다. Firebase Google Login on iOS를 iOS에서 연결하세요. Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and 두 단계 인증 두 단계 인증 구현 세부 정보

iOS에서 Google Firebase 로그인

소개

설정 단계

문제 해결

Firebase Google Login on iOS에서 계속 진행하는 방법