使用 FirebaseUI 轻松向 Android 应用添加登录机制

FirebaseUI 是以 Firebase Authentication SDK 为基础构建的库,提供适合在您应用中使用的普适性界面流程。FirebaseUI 具有以下好处:

  • 多提供方 - 用于电子邮件地址身份验证、电话身份验证、Google 登录机制、Facebook 登录机制和 Twitter 登录机制的登录流程。
  • 帐号管理 - 用于处理帐号管理任务(如帐号创建和密码重置)的流程。
  • 帐号关联 - 用于将各种身份提供方安全地关联到用户帐号的流程。
  • 自定义主题背景 - 自定义 FirebaseUI 的外观以便与您的应用相匹配。另外,FirebaseUI 是开源的,因此您可以克隆 (fork) 项目并对其进行自定义,使之完全符合您的需求。
  • 密码专用 - 与密码专用自动集成,因而能够实现快速跨设备登录。

准备工作

  1. 将 Firebase 添加至您的 Android 项目

  2. 将 FirebaseUI 的依赖项添加到您的应用级 build.gradle 文件。如果您想支持使用 Facebook 或 Twitter 帐号进行登录,还需要添加 Facebook SDK 和 Twitter SDK:

    dependencies {
        // ...
    
        implementation 'com.firebaseui:firebase-ui-auth:4.1.0'
    
        // Required only if Facebook login support is required
        // Find the latest Facebook SDK releases here: https://goo.gl/Ce5L94
        implementation 'com.facebook.android:facebook-android-sdk:4.x'
    
        // Required only if Twitter login support is required
        // Find the latest Twitter SDK releases here: https://goo.gl/E5wZvQ
        implementation 'com.twitter.sdk.android:twitter-core:3.x'
    }
    

    FirebaseUI Auth SDK 需要使用 Firebase SDK 和 Google Play 服务 SDK 提供的传递依赖项。

  3. 如果您尚未将您的应用与 Firebase 项目相关联,请在 Firebase 控制台中进行关联。

  4. Firebase 控制台中,打开 Authentication(身份验证)部分,并启用您希望支持的登录方法。有些登录方法需要额外的信息,这些信息通常可在相应服务的开发者控制台中找到。

  5. 如果您支持 Google 登录机制但尚未指定应用的 SHA-1 指纹,请在 Firebase 控制台的设置页面中进行此操作。如需详细了解如何获取您的应用的 SHA-1 指纹,请参阅对客户端进行身份验证

  6. 如果您支持使用 Facebook 或 Twitter 帐号登录,请向 strings.xml 添加字符串资源以指定每个提供方所需的标识信息:

    
    <resources>
      <!-- Facebook application ID and custom URL scheme (app ID prefixed by 'fb'). -->
      <string name="facebook_application_id" translatable="false">YOUR_APP_ID</string>
      <string name="facebook_login_protocol_scheme" translatable="false">fbYOUR_APP_ID</string>
      <!-- Twitter consumer key and secret -->
      <string name="twitter_consumer_key" translatable="false">YOUR_CONSUMER_KEY</string>
      <string name="twitter_consumer_secret" translatable="false">YOUR_CONSUMER_SECRET</string>
    </resources>
    

登录

要启动 FirebaseUI 登录流程,请使用您偏好的登录方法创建登录 Intent:

// Choose authentication providers
List<AuthUI.IdpConfig> providers = Arrays.asList(
        new AuthUI.IdpConfig.EmailBuilder().build(),
        new AuthUI.IdpConfig.PhoneBuilder().build(),
        new AuthUI.IdpConfig.GoogleBuilder().build(),
        new AuthUI.IdpConfig.FacebookBuilder().build(),
        new AuthUI.IdpConfig.TwitterBuilder().build());

// Create and launch sign-in intent
startActivityForResult(
        AuthUI.getInstance()
                .createSignInIntentBuilder()
                .setAvailableProviders(providers)
                .build(),
        RC_SIGN_IN);

登录流程完成后,您会在 onActivityResult 中收到结果:

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);

    if (requestCode == RC_SIGN_IN) {
        IdpResponse response = IdpResponse.fromResultIntent(data);

        if (resultCode == RESULT_OK) {
            // Successfully signed in
            FirebaseUser user = FirebaseAuth.getInstance().getCurrentUser();
            // ...
        } else {
            // Sign in failed. If response is null the user canceled the
            // sign-in flow using the back button. Otherwise check
            // response.getError().getErrorCode() and handle the error.
            // ...
        }
    }
}

退出帐号

FirebaseUI 提供了方便的方法来让用户退出 Firebase 身份验证以及所有社交身份提供方帐号:

AuthUI.getInstance()
        .signOut(this)
        .addOnCompleteListener(new OnCompleteListener<Void>() {
            public void onComplete(@NonNull Task<Void> task) {
                // ...
            }
        });

您也可以完全删除用户的帐号:

AuthUI.getInstance()
        .delete(this)
        .addOnCompleteListener(new OnCompleteListener<Void>() {
            @Override
            public void onComplete(@NonNull Task<Void> task) {
                // ...
            }
        });

自定义

默认情况下,FirebaseUI 使用 AppCompat 设置主题背景,这意味着它会自动采用应用的配色方案。如要进一步自定义,您可以将主题背景和徽标传递给登录 Intent 构建器:

startActivityForResult(
        AuthUI.getInstance()
                .createSignInIntentBuilder()
                .setAvailableProviders(providers)
                .setLogo(R.drawable.my_great_logo)      // Set logo drawable
                .setTheme(R.style.MySuperAppTheme)      // Set theme
                .build(),
        RC_SIGN_IN);

您还可以设置自定义的隐私权政策和服务条款:

startActivityForResult(
        AuthUI.getInstance()
                .createSignInIntentBuilder()
                .setAvailableProviders(providers)
                .setTosAndPrivacyPolicyUrls(
                        "https://example.com/terms.html",
                        "https://example.com/privacy.html")
                .build(),
        RC_SIGN_IN);

后续步骤

  • 如需详细了解如何使用和自定义 FirebaseUI,请参阅 GitHub 上的 README 文件。
  • 如果您发现 FirebaseUI 中存在问题并想报告,请使用 GitHub 问题跟踪工具

发送以下问题的反馈:

此网页
需要帮助?请访问我们的支持页面