Facebook 로그인 설정

소개

이 가이드에서 Facebook 로그인을 설정하는 방법을 배울 것입니다. Capgo Social Login을 사용하려면 다음이 필요합니다:

• Facebook 개발자 계정
• 앱의 패키지 이름/번들 ID
• Android용 키 해시를 생성하는 데 터미널에 대한 접근

일반 설정

이미 Facebook 앱이 생성되지 않은 경우 다음 단계를 따르세요:

1. Facebook 앱 만들기

   이 튜토리얼을 따라하세요. 앱 만들기

2. 앱에 Facebook 로그인 기능을 추가하세요.

   Facebook 개발자 도구에서 앱에 Facebook 로그인 제품을 추가하세요.

3. 앱을 일반 사용자에게 출시하기 전에 다음 튜토리얼을 따르세요. 튜토리얼 __CAPGO_KEEP_0__

중요한 정보

통합을 위한 필요한 정보를 찾으세요.

1. CLIENT_TOKEN:

   

2. APP_ID:

   

3. APP_NAME:

   

Facebook 비즈니스 로그인

이 플러그인은 비즈니스 관련 기능과 권한을 지원하는 Facebook Business Login을 지원합니다. 비즈니스 계정은 표준 소비자 로그인 이외의 추가 권한을 요청할 수 있습니다. 이에는 Instagram 및 페이지 관리도 포함됩니다.

지원되는 비즈니스 권한에는 다음이 포함됩니다.

• instagram_basic - Instagram 기본 표시 API
• instagram_manage_insights - 인스타그램 인사이트 접근
• pages_show_list - 사용자가 관리하는 페이지 목록
• pages_read_engagement - 페이지에서 읽기 참여 데이터
• pages_manage_posts - 페이지에서 게시물을 관리
• business_management - 비즈니스 자산 관리

See the Facebook 권한 참조 for the full permission list.

구성 요구 사항:

1. Your Facebook 앱은 Facebook 개발자 콘솔에서 비즈니스 앱으로 구성되어야 합니다.
2. 비즈니스 권한은 프로덕션 사용 전에 Facebook App Review가 필요할 수 있습니다.
3. Your 앱은 Facebook의 비즈니스 사용 사례 정책을 준수해야 합니다.

인스타그램 기본 접근 권한

await SocialLogin.initialize({
  facebook: {
    appId: 'your-business-app-id',
    clientToken: 'your-client-token',
  },
});

const res = await SocialLogin.login({
  provider: 'facebook',
  options: {
    permissions: [
      'email',
      'public_profile',
      'instagram_basic',
      'pages_show_list',
      'pages_read_engagement',
    ],
  },
});

const profile = await SocialLogin.providerSpecificCall({
  call: 'facebook#getProfile',
  options: {
    fields: ['id', 'name', 'email', 'instagram_business_account'],
  },
});

페이지 관리

const res = await SocialLogin.login({
  provider: 'facebook',
  options: {
    permissions: [
      'email',
      'pages_show_list',
      'pages_manage_posts',
      'pages_read_engagement',
    ],
  },
});

const profile = await SocialLogin.providerSpecificCall({
  call: 'facebook#getProfile',
  options: {
    fields: ['id', 'name', 'accounts{id,name,instagram_business_account}'],
  },
});

중요 참고 사항:

• 앱 리뷰 전 테스트 사용자 및 개발 앱을 통해 비즈니스 권한을 테스트할 수 있습니다.
• 대부분의 비즈니스 권한은 생산 사용 전 페이스북 앱 리뷰가 필요합니다.
• 비즈니스 API는 다른 속도 제한을 가지고 있습니다. 제품 출시 전에 페이스북의 현재 플랫폼 문서를 검토하십시오.
• 다음과 같이 페이스북 비즈니스 통합 안내서 앱을 구성할 때.

안드로이드 설정

1. 인터넷 권한을 앱에 추가하세요. AndroidManifest.xml

   이 줄이 포함되어 있는지 확인하세요.

   <uses-permission android:name="android.permission.INTERNET"/>

2. Android 키 해시를 생성하세요.

   Facebook에 의해 요구되는 중요한 보안 단계입니다. 터미널을 열고 다음 명령어를 실행하세요.

   keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64 -A

   비밀번호를 입력할 때 사용하세요. android

   주의

   릴리즈 빌드에 사용하려면 릴리즈 키스토어를 사용해야 합니다:

   keytool -exportcert -alias your-key-name -keystore your-keystore-path | openssl sha1 -binary | openssl base64 -A

3. Facebook 앱에 키 해시를 추가하세요

   1. Facebook Developers의 앱 대시보드에 가세요
   2. Settings > 기본 설정으로 이동하세요
   3. ‘Android’ 섹션을 찾으세요
   4. Android가 아직 추가되지 않았다면 ‘Add Platform’을 클릭하고 세부 정보를 입력하세요
   5. 생성한 키 해시를 추가하세요
   6. 프로덕션에 사용하려면 디버그와 릴리즈 키 해시 모두 추가하세요

4. 업데이트 AndroidManifest.xml __CAPGO_KEEP_0__를 포함하십시오.

   <application>
       ...
       <activity android:name="com.facebook.FacebookActivity"
           android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation"
           android:label="@string/app_name" />
   
       <activity
           android:name="com.facebook.CustomTabActivity"
           android:exported="true">
           <intent-filter>
               <action android:name="android.intent.action.VIEW" />
               <category android:name="android.intent.category.DEFAULT" />
               <category android:name="android.intent.category.BROWSABLE" />
               <data android:scheme="FB[APP_ID]" />
           </intent-filter>
       </activity>
   </application>

   주의

   __CAPGO_KEEP_0__를 실제로 사용하는 Facebook 앱 ID로 대체하십시오. [APP_ID] Facebook 앱 ID를 __CAPGO_KEEP_0__ 속성에 넣으십시오. android:scheme iOS 설정

iOS 설정

1. Facebook 개발자 콘솔에서 앱의 대시보드로 이동하십시오.

   1. Settings > Basic으로 이동하여 설정하십시오.
   2. Settings > Basic으로 이동하여 설정하십시오.
   3. 페이지의 가장 아래로 스크롤하고 “플랫폼 추가”를 클릭하세요.
   4. iOS를 선택하고 필요한 정보를 입력하세요.

2. Xcode 프로젝트를 열고 Info.plist로 이동하세요.

3. 다음 항목을 Info.plist에 추가하세요:

   <key>FacebookAppID</key>
   <string>[APP-ID]</string>
   <key>FacebookClientToken</key>
   <string>[CLIENT-TOKEN]</string>
   <key>FacebookDisplayName</key>
   <string>[APP-NAME]</string>
   <key>LSApplicationQueriesSchemes</key>
   <array>
       <string>fbapi</string>
       <string>fb-messenger-share-api</string>
   </array>
   <key>CFBundleURLTypes</key>
   <array>
       <dict>
           <key>CFBundleURLSchemes</key>
           <array>
               <string>fb[APP-ID]</string>
           </array>
       </dict>
   </array>

   주의

   다음 값을 변경하세요:

   • [APP-ID] Facebook 앱 ID와 바꿔주세요
   • [CLIENT-TOKEN] 클라이언트 토큰과 바꿔주세요
   • [APP-NAME] 앱 이름과 바꿔주세요

4. 수정 AppDelegate.swift

   import FBSDKCoreKit
   @UIApplicationMain
   class AppDelegate: UIResponder, UIApplicationDelegate {
         func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
           // Override point for customization after application launch.
   
           // Initialize Facebook SDK
           FBSDKCoreKit.ApplicationDelegate.shared.application(
               application,
               didFinishLaunchingWithOptions: launchOptions
           )
   
           return true
       }
   
       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
   
           if (FBSDKCoreKit.ApplicationDelegate.shared.application(
               app,
               open: url,
               sourceApplication: options[UIApplication.OpenURLOptionsKey.sourceApplication] as? String,
               annotation: options[UIApplication.OpenURLOptionsKey.annotation]
           )) {
               return true;
           } else {
               return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
           }
       }
   }

앱에서 Facebook 로그인을 사용합니다.

주의

시작하기 전에: 새로운 Facebook SDK에서 받은 토큰의 유형은 사용자의 앱 추적 설정에 따라 결정되며, code 설정과는 무관합니다. 모든 사용자에 대한 인증이 작동하도록 하려면 백엔드에서 액세스 토큰과 JWT 토큰 처리를 모두 implement하세요.

1. 앱에서 Facebook 로그인을 초기화합니다.

   import { SocialLogin } from '@capgo/capacitor-social-login';
   
   // Initialize during app startup
   await SocialLogin.initialize({
     facebook: {
       appId: 'APP_ID',
       clientToken: 'CLIENT_TOKEN',
     }
   })

2. 로그인 함수를 implement하세요.

   async function loginWithFacebook() {
     try {
       const result = await SocialLogin.login({
         provider: 'facebook',
        options: {
          permissions: ['email', 'public_profile'],
          limitedLogin: false // See Limited Login section below for important details
        }
       });
       console.log('Facebook login result:', result);
       // Handle successful login
     } catch (error) {
       console.error('Facebook login error:', error);
       // Handle error
     }
   }

   주의

   iOS 전용 Limited Login: 설정 limitedLogin iOS 전용 Limited Login을 사용하려면 true로 설정하세요. iOS에서만 사용할 수 있는 이 기능은 로그인 시 공유되는 데이터를 제한하여 개인 정보 보호를 강화합니다.

   중요한 제한 사항:

   • iOS 전용: Limited Login은 iOS 기기만 영향을 받으며 Android에는 영향을 미치지 않습니다.
   • ATT Override: Limited Login을 설정하더라도 Facebook는 사용자가 ATT 허용 권한을 부여하지 않은 경우 limitedLogin: false항상 두 가지 경우 모두 처리 true __CAPGO_KEEP_0__
   • __CAPGO_KEEP_1__: 앱은 항상 한정된 로그인 및 전체 로그인 시나리오를 모두 처리할 수 있도록 준비되어야 합니다.

   Checking ATT Status:

   // Check if user has granted tracking permission
   const trackingStatus = await SocialLogin.providerSpecificCall({
     call: 'facebook#requestTracking',
     options: {}
   });
   console.log('Tracking status:', trackingStatus.status); // 'authorized', 'denied', 'notDetermined', or 'restricted'

   access_token이 선호되는 경우 권장 구현:

   async function loginWithFacebook() {
     try {
       // Check ATT status first
       const trackingStatus = await SocialLogin.providerSpecificCall({
         call: 'facebook#requestTracking',
         options: {}
       });
   
       const result = await SocialLogin.login({
         provider: 'facebook',
         options: {
           permissions: ['email', 'public_profile'],
           limitedLogin: trackingStatus.status === 'denied' // Auto-adjust based on ATT
         }
       });
   
       // Handle different response types based on limited login
       if (result.result.accessToken) {
         // Your app logic should work with both limited and full login
         console.log('Login successful:', result);
       }
     } catch (error) {
       console.error('Facebook login error:', error);
     }
   }

   한정된 로그인 시 발생하는 일:

   • 데이터 접근이 줄어듭니다.: 사용자 데이터가 일부 unavailable 할 수 있습니다.
   • 다양한 토큰 유형:: 액세스 토큰은 다양한 기능을 가질 수 있습니다.
   • 개인 정보 보호 준수:: iOS 개인 정보 보호 요구 사항을 충족하는 데 도움이 됩니다.

   중요: 로그인 시나리오가 제한된 경우와 전체 로그인 시나리오 모두에서 앱이 올바르게 작동하는지 확인하기 위해 항상 앱을 테스트하세요. 제한된 로그인에 대해 더 알아보세요. here.

3. 사용자 프로필 데이터 가져오기

   로그인 성공 후 추가 프로필 정보를 가져올 수 있습니다.

   async function getFacebookProfile() {
     try {
       const profileResponse = await SocialLogin.providerSpecificCall({
         call: 'facebook#getProfile',
         options: {
           fields: ['id', 'name', 'email', 'first_name', 'last_name', 'picture']
         }
       });
   
       console.log('Facebook profile:', profileResponse.profile);
       return profileResponse.profile;
     } catch (error) {
       console.error('Failed to get Facebook profile:', error);
       return null;
     }
   }
   
   // Example usage after login
   async function loginAndGetProfile() {
     const loginResult = await loginWithFacebook();
     if (loginResult) {
       const profile = await getFacebookProfile();
       if (profile) {
         console.log('User ID:', profile.id);
         console.log('Name:', profile.name);
         console.log('Email:', profile.email);
         console.log('Profile Picture:', profile.picture?.data?.url);
       }
     }
   }

   팁

   가용 프로필 필드: You can request any fields available in Facebook’s Graph API. Common fields include: id, name, email, first_name, last_name, picture, birthday, gender, location, hometown. 일부 필드는 추가 권한이 필요할 수 있습니다.

   토큰 유형 제한: 이 기능은 getProfile call only works when you have an __CAPGO_KEEP_0__ account. 액세스 토큰 (표준 로그인에 추적 허용). 사용자가 추적 거부하거나 제한 로그인(JWT 토큰만)을 사용하는 경우, 이 호출은 실패합니다. 그 경우, 초기 로그인 응답에서 제공된 프로필 데이터를 사용하세요.

⚠️ 중요: 백엔드 토큰 처리

위험 경고

iOS 중요 동작 문제: Limited Login and App Tracking Transparency (ATT) are iOS-ONLY features. 안드로이드에서 항상 액세스 토큰을 받을 수 있습니다. 사용한 토큰의 유형에 관계없이 limitedLogin 설정.

iOS 토큰 동작:

• limitedLogin: true → 항상 JWT 토큰 (iOS만)
• limitedLogin: false + 사용자가 추적 허용 → Access 토큰
• limitedLogin: false + 사용자가 추적 거부 → JWT 토큰 (iOS는 설정을 자동으로 오버라이드)

Android 토큰 동작: 항상 Access 토큰, limitedLogin 설정은 무시됩니다.

백엔드가 두 가지 토큰 타입을 처리해야 합니다. __CAPGO_KEEP_0__ iOS 사용자는 앱 추적성 투명성 선택에 따라 액세스 토큰 또는 JWT 토큰을 받을 수 있습니다. 반면 안드로이드 사용자는 항상 액세스 토큰을 받습니다.

플랫폼별 토큰 유형

플랫폼	limitedLogin 설정	사용자 ATT 선택	결과 토큰 유형
iOS	true	어디든	JWT 토큰
iOS	false	추적 허용	액세스 토큰
iOS	false	추적 거부	JWT 토큰 (자동 오버라이드)
Android	어떤	N/A	액세스 토큰 (항상)

백엔드 구현

1. 토큰 유형 감지 및 적절히 처리

   async function loginWithFacebook() {
     try {
       const loginResult = await SocialLogin.login({
         provider: 'facebook',
         options: {
           permissions: ['email', 'public_profile'],
           limitedLogin: false // iOS: depends on ATT, Android: ignored
         }
       });
   
       if (loginResult.accessToken) {
         // Access token (Android always, iOS when tracking allowed)
         return handleAccessToken(loginResult.accessToken.token);
       } else if (loginResult.idToken) {
         // JWT token (iOS only when tracking denied or limitedLogin: true)
         return handleJWTToken(loginResult.idToken);
       }
     } catch (error) {
       console.error('Facebook login error:', error);
     }
   }

2. 파이어베이스 통합 예시

   import { OAuthProvider, FacebookAuthProvider, signInWithCredential } from 'firebase/auth';
   
   async function handleAccessToken(accessToken: string, nonce: string) {
     // For access tokens, use OAuthProvider (new method)
     const fbOAuth = new OAuthProvider("facebook.com");
     const credential = fbOAuth.credential({
       idToken: accessToken,
       rawNonce: nonce
     });
   
     try {
       const userResponse = await signInWithCredential(auth, credential);
       return userResponse;
     } catch (error) {
       console.error('Firebase OAuth error:', error);
       return false;
     }
   }
   
   async function handleJWTToken(jwtToken: string) {
     // For JWT tokens, send to your backend for validation
     try {
       const response = await fetch('/api/auth/facebook-jwt', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
         body: JSON.stringify({ jwtToken })
       });
   
       const result = await response.json();
       return result;
     } catch (error) {
       console.error('JWT validation error:', error);
       return false;
     }
   }

3. 백엔드 JWT 인증

   // Backend: Validate JWT token from Facebook
   import jwt from 'jsonwebtoken';
   import { Request, Response } from 'express';
   
   app.post('/api/auth/facebook-jwt', async (req: Request, res: Response) => {
     const { jwtToken } = req.body;
   
     try {
       // Verify JWT token with Facebook's public key
       // See: https://developers.facebook.com/docs/facebook-login/limited-login/token/validating/#standard-claims
       const decoded = jwt.verify(jwtToken, getFacebookPublicKey(), {
         algorithms: ['RS256'],
         audience: process.env.FACEBOOK_APP_ID,
         issuer: 'https://www.facebook.com' // From: https://www.facebook.com/.well-known/openid-configuration/?_rdr
       });
   
       // Extract user info from JWT
       const userInfo = {
         id: decoded.sub,
         email: decoded.email,
         name: decoded.name,
         isJWTAuth: true
       };
   
       // Create your app's session/token
       const sessionToken = createUserSession(userInfo);
   
       res.json({
         success: true,
         token: sessionToken,
         user: userInfo
       });
     } catch (error) {
       console.error('JWT validation failed:', error);
       res.status(401).json({ success: false, error: 'Invalid token' });
     }
   });

4. 일반 백엔드 토큰 처리기

   // Handle both token types in your backend
   async function authenticateFacebookUser(tokenData: any) {
     if (tokenData.accessToken) {
       // Handle access token - validate with Facebook Graph API
       const response = await fetch(`https://graph.facebook.com/me?access_token=${tokenData.accessToken}&fields=id,name,email`);
       const userInfo = await response.json();
   
       return {
         user: userInfo,
         tokenType: 'access_token',
         expiresIn: tokenData.expiresIn || 3600
       };
     } else if (tokenData.jwtToken) {
       // Handle JWT token - decode and validate
       // See: https://developers.facebook.com/docs/facebook-login/limited-login/token/validating/#standard-claims
       const decoded = jwt.verify(tokenData.jwtToken, getFacebookPublicKey());
   
       return {
         user: {
           id: decoded.sub,
           name: decoded.name,
           email: decoded.email
         },
         tokenType: 'jwt',
         expiresIn: decoded.exp - Math.floor(Date.now() / 1000)
       };
     } else {
       throw new Error('No valid token provided');
     }
   }

중요 고려 사항

위험

iOS 전용 중요 이해:

• iOS: 사용자의 앱 추적 선택이 토큰 유형을 결정하며, code 설정과는 상관이 없습니다 (설정 변경과 관계없이 limitedLogin: false)
• Android: 항상 액세스 토큰을 받습니다. limitedLogin setting
• iOS-ONLY Limited Login

- Android는 이 설정을 완전히 무시합니다:

• ✅ Access Token (Standard Login)Android
• ✅ : 항상 사용 가능 (iOS-ONLY 제한이 적용되지 않습니다)iOS
• : 사용자가 앱 추적을 명시적으로 허용할 때만 사용할 수 있습니다.✅ Facebook Graph API에 액세스할 수 있습니다.
• ✅ 더 긴 유효 기간
• ✅ 사용자 데이터가 더 많이 사용 가능
• ❌ iOS에서 점점 드물어짐 사용자가 추적 거부하는 경우

JWT Token (iOS-Only Privacy Mode):

• ❌ Android: 사용되지 않음 (지원하지 않음)
• ✅ iOS: 추적 거부 또는 limitedLogin: true
• ✅ iOS 사용자 개인 정보 보호 설정을 존중합니다
• ❌ 기본 사용자 정보만 포함
• ❌ 더 짧은 유효 기간
• ❌ Facebook Graph에 접근할 수 없습니다 API
• ⚠️ iOS 사용자의 가장 일반적인 시나리오

플랫폼별 동작:

• iOS 앱iOS 앱은 접근 토큰 및 JWT 토큰 모두 처리해야 합니다
• 안드로이드 앱안드로이드 앱은 접근 토큰만 처리해야 합니다
• 크로스 플랫폼 앱크로스 플랫폼 앱은 두 가지 토큰 처리 방법 모두 구현해야 합니다

iOS 앱에서 JWT 토큰을 사용하는 것이 필수입니다.

iOS 앱에서 JWT 토큰을 사용하는 것이 필수입니다.iOS 개발자들은 항상 액세스 토큰을 받을 것이라고 가정하고, 사용자가 추적 거부를 할 때 앱이 깨지는 것을 방지하기 위해 __CAPGO_KEEP_0__를 implement해야 합니다.

보안 컨텍스트 요구 사항 (Web/Capacitor)

API 암호화 제한 사항

업데이트 된 Facebook 로그인 흐름은 Web Crypto API __CAPGO_KEEP_0__를 사용하여 비트를 생성하는 데 사용되는 __CAPGO_KEEP_0__ __CAPGO_KEEP_0__를 복사:

// This requires secure context (HTTPS or localhost)
async function sha256(message: string) {
  const msgBuffer = new TextEncoder().encode(message);
  const hashBuffer = await crypto.subtle.digest("SHA-256", msgBuffer); // ❌ Fails in insecure context
  // ...
}

__CAPGO_KEEP_0__ 개발 환경 문제

HTTP URL을 사용하는 일반적인 문제는 Facebook 인증이 깨진다.: ionic serve HTTP URL을 사용하는 일반적인 문제는 Facebook 인증이 깨진다.

환경	암호화 API 사용 가능	Facebook 로그인 작동
http://localhost:3000	✅ 예	✅ 예
http://127.0.0.1:3000	✅ 예	✅ 예
http://192.168.1.100:3000	❌ 아니오	❌ 아니오
https://any-domain.com	✅ 예	✅ Yes

Capacitor 개발을 위한 솔루션

1. localhost를 사용하여 웹 테스트

   # Instead of ionic serve --host=0.0.0.0
   ionic serve --host=localhost

2. Ionic에서 HTTPS를 활성화

   ionic serve --ssl

3. 실제 기기에서 테스트

   # Capacitor apps run in secure context on devices
   ionic cap run ios
   ionic cap run android

4. 개발용 nonce 생성을 위한 대안

   async function generateNonce() {
     if (typeof crypto !== 'undefined' && crypto.subtle) {
       // Secure context - use crypto.subtle
       return await sha256(Math.random().toString(36).substring(2, 10));
     } else {
       // Fallback for development (not secure for production)
       console.warn('Using fallback nonce - not secure for production');
       return btoa(Math.random().toString(36).substring(2, 10));
     }
   }

파이어베이스 통합 참고

최근 파이어베이스 문서는 Facebook 인증을 위해 JWT 토큰에 nonce를 요구합니다. 로그인 설정에 관계없이 이 방법은 limitedLogin: true 및 limitedLogin: false:

   // Both modes can return JWT tokens depending on user choice
   const loginResult = await SocialLogin.login({
     provider: 'facebook',
     options: {
       permissions: ['email', 'public_profile'],
       limitedLogin: false, // true = always JWT, false = depends on user tracking choice
       nonce: nonce
     }
   });

개발 제한개발 중에 ionic serve localhost 이외의 네트워크 IP (localhost가 아닌)에서 Facebook 로그인에 실패합니다. crypto API 제한으로 인해입니다. localhost 또는 HTTPS를 사용하여 웹 테스트를 진행하세요.

팁

__CAPGO_KEEP_0__iOS/Android에서 Capacitor 앱은 항상 안전한 컨텍스트에서 실행되므로 이 제한은 웹 개발 환경만 영향을 받습니다.

문제 해결

일반적인 문제와 해결 방법

1. Android에서 키 해시 오류

   • Facebook 대시보드에 올바른 키 해시를 추가했는지 다시 확인하세요.
   • 릴리즈 빌드의 경우 디버그 및 릴리즈 키 해시 모두를 추가하세요.
   • 해시를 생성할 때 올바른 키 스토어를 사용하고 있는지 확인하세요.

2. Facebook 로그인 버튼이 나타나지 않습니다.

   • 모든 매니페스트 항목이 올바른지 확인하세요.
   • Facebook App ID와 Client Token이 정확한지 확인하세요
   • SDK가 올바르게 초기화되었는지 확인하세요

3. iOS 일반적인 문제

   • Info.plist 항목이 모두 정확한지 확인하세요
   • URL schemes가 올바르게 구성되었는지 확인하세요
   • Facebook 대시보드에 등록된 것과 일치하는 bundle ID가 있는지 확인하세요

테스트

1. 테스트하기 전에 Facebook Developer Console에서 테스트 사용자를 추가하세요

   • Roles > Test Users로 이동하세요
   • 테스트 사용자를 생성하세요
   • 테스트를 위해 이 인증 정보를 사용하세요

2. __CAPGO_KEEP_0__

   • debug 및 release 빌드 모두 테스트하세요
   • debug 키 해시를 사용한 debug 빌드
   • release 키 해시를 사용한 release 빌드

__CAPGO_KEEP_0__

• 모든 장치(에뮬레이터 및 물리 장치)에서 테스트하세요
• 로그인 흐름을 완전히 테스트하세요. 이 흐름에는:
• 로그인 성공
• 로그인 취소

오류 처리

__CAPGO_KEEP_0__에서 계속하세요. Facebook 로그인 설정에서 Facebook Login Setup 인증 및 계정 흐름을 계획하고 연결하세요. @capgo/capacitor-social-login을 사용하여 @capgo/capacitor-social-login의 네이티브 기능을 사용하여 @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 사항을 참조하세요. @capgo/capacitor-passkey @capgo/capacitor-passkey의 구현 세부 사항을 참조하세요. @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric의 구현 세부 사항을 참조하세요. 그리고 두 단계 인증 두 단계 인증의 구현 세부 사항을 참조하세요.