Firebase Google 로그인 (iOS)
__CAPGO_KEEP_1__
__CAPGO_KEEP_8__
__CAPGO_KEEP_9____CAPGO_KEEP_10__ __CAPGO_KEEP_11__.
설정 단계
설정 단계 섹션 제목-
iOS 앱을 Firebase Console에 생성하기 전에 console.cloud.google.com
-
버튼을 클릭하세요.
Add app버튼
-
선택
iOS
-
폼의 첫 번째 부분을 완성하세요
- 폼을
Apple bundle ID- Xcode에서 앱을 열어
npx cap open ios - Xcode 프로젝트 탐색기에서
App
- Xcode의 Targets 섹션에 앱이 선택되어 있는지 확인하세요
Targets -> App
- Find your
Bundle Identifier
- 복사하여
Bundle IdentifierFirebase 콘솔에 붙여넣기
- Xcode에서 앱을 열어
- 버튼을 클릭하세요
Register appFirebase 앱 추가 iOS 등록 버튼
- 폼을
-
Skip the
Download config filestep
-
Skip the
Add firebase SDKstep
-
Skip the
Add initialization codestep
-
Click on the
Continue to consolebutton
-
iOS 클라이언트 ID를 얻으세요. 그리고
YOUR_DOT_REVERSED_IOS_CLIENT_ID-
Google Cloud Console에 가세요. console.cloud.google.com
-
프로젝트를 찾으세요.
- 프로젝트 선택기 클릭하세요.
- Firebase 프로젝트의 정확한 이름으로 프로젝트를 검색하세요. 그리고 클릭하세요. 나의 경우는
sociallogin-tutorial-app.
- 프로젝트 선택기 클릭하세요.
-
검색 바를 열고
credentials- 검색 바를 열고
- 검색하세요.
credentials그리고 클릭하세요.APIs and Services스크린샷에서 2번에 해당하는
- 검색 바를 열고
-
클릭하세요.
iOS client for [YOUR_APP_ID] (auto created by Google Service)1입니다. 나의 경우는sociallogin-tutorial-app.
-
복사하세요.
Client ID그리고iOS URL scheme. 이건 각각의iOSClientId와YOUR_DOT_REVERSED_IOS_CLIENT_ID.
-
-
__CAPGO_KEEP_11__ 로그인 방법 버튼을 클릭하세요.
- __CAPGO_KEEP_12__ 로그인 방법 버튼을 클릭하세요.
Build->Authentication
- __CAPGO_KEEP_14__ 로그인 방법 버튼을 클릭하세요.
Sign-in method__CAPGO_KEEP_15__ 로그인 방법 버튼을 클릭하세요.
- Click on the
Google제공자
- Click on the
Web SDK configuration버튼
- Copy the
Web client ID. 이 설정은 플러그인의webClientId메서드입니다.initializeGoogle 제공자 Firebase 인증 __CAPGO_KEEP_0__ 설정 웹 클라이언트 ID
- __CAPGO_KEEP_12__ 로그인 방법 버튼을 클릭하세요.
-
Modify your app’s Info.plist
-
Xcode를 열고 프로젝트 탐색기에서
Info.plist파일
-
이 파일을 오른쪽 클릭하고 소스 code로 열기
-
파일의 하단 부분에서
Plist태그</dict>Info.plist 파일의
-
닫는 태그 바로 앞에 다음 구문을 삽입하세요
</dict>URL schemes이 포함된 Info.plist __CAPGO_KEEP_0__를 닫는 태그 앞에 삽입하세요
<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> -
변경
YOUR_DOT_REVERSED_IOS_CLIENT_ID9번 단계에서 복사한 iOS URL 스키마의 실제 역전된 클라이언트 ID를 삽입한 Info.plist
-
-
9번 단계에서 복사한 iOS 클라이언트 ID를
YOUR_IOS_CLIENT_ID파일을 저장하세요. -
__CAPGO_KEEP_0__
Command + S -
Modify the
AppDelegate.swift-
Open the AppDelegate
-
Insert
import GoogleSignInAppDelegate.swift 파일의 맨 위에
-
Find the
func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:])기능
-
Modify the function to look like this
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 callvar handled: Boolhandled = GIDSignIn.sharedInstance.handle(url)if handled {return true}return ApplicationDelegateProxy.shared.application(app, open: url, options: options)}
-
__CAPGO_KEEP_0__ 파일을 저장하세요.
Command + S
-
-
__CAPGO_KEEP_0__ 앱에서 Google 로그인을 사용합니다.
이 단계에서는 앱에서 Google 로그인을 사용할 준비가 되었습니다. Google 로그인을 사용하기 위해 예제 앱의 authUtils.ts 파일을 사용하여 Google과 인증하세요. Firebase Auth에서 사용자가 자동으로 생성됩니다.
__CAPGO_KEEP_0__
__CAPGO_KEEP_0__
인증이 지연되거나 실패하는 경우:__CAPGO_KEEP_0__가 Firebase 웹 클라이언트 ID와 일치하는지 확인하세요.
- Firebase Console에서 Google Sign-In이 활성화되어 있는지 확인하세요.
idToken__CAPGO_KEEP_0__ - __CAPGO_KEEP_0__
- __CAPGO_KEEP_0__에 포함된 Info.plist가 올바른 URL schemes과 GIDClientID를 가지고 있는지 확인하세요.
- Verify
iOSServerClientId__CAPGO_KEEP_0__의 웹 클라이언트 ID와 일치하는지 확인하세요. - __CAPGO_KEEP_0__ 예제 앱을 참조하세요. example app code __CAPGO_KEEP_0__에서 Firebase Google Login on iOS로 계속 진행하세요.
Section titled “__CAPGO_KEEP_0__에서 Firebase Google Login on iOS로 계속 진행하세요.”
__CAPGO_KEEP_0__을 사용하여Firebase Google Login on iOS 인증 및 계정 흐름을 계획하고 있습니다. __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__-social-login과 연결하세요. Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Using @capgo/capacitor-social-login native 기능을 사용하는 @capgo/capacitor-social-login을 위해 @capgo/capacitor-social-login native 기능 구현 세부사항을 위한 @capgo/capacitor-social-login @capgo/capacitor-passkey 구현 세부사항을 위한 @capgo/capacitor-passkey @capgo/capacitor-native-biometric 구현 세부사항을 위한 @capgo/capacitor-native-biometric, 그리고 두 단계 인증 구현 세부사항을 위한 두 단계 인증