iOS+ 및 Android

네이티브 플랫폼에서 인증 흐름을 트리거하려면 서드 파티 라이브러리가 필요합니다.

공식 google_sign_in 플러그인을 설치합니다.

설치되면 로그인 흐름을 트리거하고 새 사용자 인증 정보를 만듭니다.

import 'package:google_sign_in/google_sign_in.dart';

Future<UserCredential> signInWithGoogle() async {
  // Trigger the authentication flow
  final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();

  // Obtain the auth details from the request
  final GoogleSignInAuthentication? googleAuth = await googleUser?.authentication;

  // Create a new credential
  final credential = GoogleAuthProvider.credential(
    accessToken: googleAuth?.accessToken,
    idToken: googleAuth?.idToken,
  );

  // Once signed in, return the UserCredential
  return await FirebaseAuth.instance.signInWithCredential(credential);
}

웹

웹에서 Firebase SDK는 Firebase 프로젝트를 사용하여 인증 흐름을 자동으로 처리할 수 있도록 지원합니다. 예를 들면 다음과 같습니다.

다음과 같이 사용자에게서 얻고자 하는 추가 권한 범위를 제공하는 Google 인증 제공업체를 만듭니다.

GoogleAuthProvider googleProvider = GoogleAuthProvider();

googleProvider.addScope('https://www.googleapis.com/auth/contacts.readonly');
googleProvider.setCustomParameters({
  'login_hint': 'user@example.com'
});

signInWithPopup 메서드에 사용자 인증 정보를 제공합니다. 그러면 사용자에게 프로젝트에 로그인하도록 요청하는 새 창이 트리거됩니다. 또는 signInWithRedirect를 사용하여 인증 프로세스를 동일한 창에 유지할 수 있습니다.

Future<UserCredential> signInWithGoogle() async {
  // Create a new provider
  GoogleAuthProvider googleProvider = GoogleAuthProvider();

  googleProvider.addScope('https://www.googleapis.com/auth/contacts.readonly');
  googleProvider.setCustomParameters({
    'login_hint': 'user@example.com'
  });

  // Once signed in, return the UserCredential
  return await FirebaseAuth.instance.signInWithPopup(googleProvider);

  // Or use signInWithRedirect
  // return await FirebaseAuth.instance.signInWithRedirect(googleProvider);
}

Android

Android에서 Google 설정 안내를 따른 후 Firebase 앱 정보로 Play 게임즈 서비스를 구성합니다.

다음 코드를 사용하면 로그인 흐름이 트리거되고, 새 사용자 인증 정보를 만들어 사용자의 로그인 처리가 진행됩니다.

final googleUser = await GoogleSignIn(
  signInOption: SignInOption.games,
).signIn();

final googleAuth = await googleUser?.authentication;

if (googleAuth != null) {
  // Create a new credential
  final credential = GoogleAuthProvider.credential(
    accessToken: googleAuth.accessToken,
    idToken: googleAuth.idToken,
  );

  // Once signed in, return the UserCredential
  await _auth.signInWithCredential(credential);
}

iOS+ 및 Android

네이티브 플랫폼에서 Facebook SDK를 설치하고 인증 흐름을 트리거하려면 서드 파티 라이브러리가 필요합니다.

flutter_facebook_auth 플러그인을 설치합니다.

Android 및 iOS Facebook SDK 모두가 올바르게 초기화되었는지 확인하려면 플러그인 문서의 단계를 따라야 합니다. 완료되면 로그인 흐름을 트리거하고 Facebook 사용자 인증 정보를 만든 후 사용자를 로그인 처리합니다.

import 'package:flutter_facebook_auth/flutter_facebook_auth.dart';

Future<UserCredential> signInWithFacebook() async {
  // Trigger the sign-in flow
  final LoginResult loginResult = await FacebookAuth.instance.login();

  // Create a credential from the access token
  final OAuthCredential facebookAuthCredential = FacebookAuthProvider.credential(loginResult.accessToken.token);

  // Once signed in, return the UserCredential
  return FirebaseAuth.instance.signInWithCredential(facebookAuthCredential);
}

웹

웹에서 Firebase SDK는 제공되는 Facebook 애플리케이션 세부정보를 사용하여 Firebase Console에서 인증 흐름을 자동으로 처리할 수 있도록 지원합니다. 예를 들면 다음과 같습니다.

Facebook 제공업체를 생성하고, 해당 사용자로부터 얻고자 하는 추가 권한 범위를 제시합니다.

Firebase Console의 OAuth 리디렉션 URI가 Facebook 앱에 유효한 OAuth 리디렉션 URI로 추가되어 있는지 확인합니다.

FacebookAuthProvider facebookProvider = FacebookAuthProvider();

facebookProvider.addScope('email');
facebookProvider.setCustomParameters({
  'display': 'popup',
});

signInWithPopup 메서드에 사용자 인증 정보를 제공합니다. 그러면 사용자에게 Facebook 애플리케이션에 로그인하도록 요청하는 새 창이 트리거됩니다.

Future<UserCredential> signInWithFacebook() async {
  // Create a new provider
  FacebookAuthProvider facebookProvider = FacebookAuthProvider();

  facebookProvider.addScope('email');
  facebookProvider.setCustomParameters({
    'display': 'popup',
  });

  // Once signed in, return the UserCredential
  return await FirebaseAuth.instance.signInWithPopup(facebookProvider);

  // Or use signInWithRedirect
  // return await FirebaseAuth.instance.signInWithRedirect(facebookProvider);
}

iOS+

시작하기 전에 Apple로 로그인을 구성하고 Apple을 로그인 제공업체로 사용 설정합니다.

그런 다음 Runner 앱에 'Apple로 로그인' 기능이 있는지 확인합니다.

Android

시작하기 전에 Apple로 로그인을 구성하고 Apple을 로그인 제공업체로 사용 설정합니다.

웹

시작하기 전에 Apple로 로그인을 구성하고 Apple을 로그인 제공업체로 사용 설정합니다.

iOS+

시작하기 전에 iOS용 Microsoft 로그인을 구성하고 실행기에 커스텀 URL 스킴(1단계)을 추가합니다.

Android

시작하기 전에 Android용 Microsoft 로그인을 구성하세요.

앱의 SHA-1 디지털 지문을 추가해야 합니다.

웹

시작하기 전에 웹용 Microsoft 로그인을 구성하세요.

iOS+

iOS 가이드 1단계에 설명된 대로 커스텀 URL 스킴을 구성해야 합니다.

Android

아직 앱의 SHA-1 디지털 지문을 지정하지 않았다면 Firebase Console의 설정 페이지에서 지정합니다. 앱의 SHA-1 디지털 지문을 얻는 방법에 대한 자세한 내용은 클라이언트 인증을 참조하세요.

웹

즉시 사용할 수 있습니다.

iOS+ 및 Android

네이티브 플랫폼의 경우 google-services.json 및 GoogleService-Info.plist를 추가해야 합니다.

iOS의 경우 iOS 가이드 1단계에 설명된 대로 맞춤 URL 스킴을 추가합니다.

Future<UserCredential> signInWithGitHub() async {
  // Create a new provider
  GithubAuthProvider githubProvider = GithubAuthProvider();

  return await FirebaseAuth.instance.signInWithProvider(githubProvider);
}

웹

웹에서 GitHub SDK는 제공되는 GitHub 애플리케이션 세부정보를 사용하여 Firebase Console에서 인증 흐름을 자동으로 처리할 수 있도록 지원합니다. Firebase Console의 콜백 URL을 개발자 콘솔의 GitHub 애플리케이션에 콜백 URL로 추가해야 합니다.

예를 들면 다음과 같습니다.

GitHub 제공업체를 만들고 signInWithPopup 메서드에 사용자 인증 정보를 제공합니다. 그러면 사용자에게 GitHub 애플리케이션에 로그인하도록 요청하는 새 창이 트리거됩니다.

Future<UserCredential> signInWithGitHub() async {
  // Create a new provider
  GithubAuthProvider githubProvider = GithubAuthProvider();

  // Once signed in, return the UserCredential
  return await FirebaseAuth.instance.signInWithPopup(githubProvider);

  // Or use signInWithRedirect
  // return await FirebaseAuth.instance.signInWithRedirect(githubProvider);
}

iOS+

시작하기 전에 iOS용 Yahoo 로그인을 구성하고 실행기에 커스텀 URL 스킴(1단계)을 추가합니다.

Android

시작하기 전에 Android용 Yahoo 로그인을 구성하세요.

앱의 SHA-1 디지털 지문을 추가해야 합니다.

웹

즉시 사용할 수 있습니다.