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 は、Firebase コンソールで提供された Facebook アプリケーションの詳細を使用して、認証フローを自動的に処理します。次に例を示します。

Facebook プロバイダを作成し、ユーザーから取得する追加の権限スコープを指定します。

Firebase コンソールの OAuth リダイレクト URI が、有効な OAuth リダイレクト URI として Facebook アプリに追加されていることを確認します。

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 コンソールの [プロジェクトの設定] ページで指定します。アプリの 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 は、Firebase コンソールで提供された GitHub アプリケーションの詳細を使用して、認証フローを自動的に処理します。デベロッパー コンソールの GitHub アプリケーションで、Firebase コンソールのコールバック URL がコールバック 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 フィンガープリントを必ず追加してください。

ウェブ

次の方法ですぐに使用できます。