Firebase UI：使用电子邮件/密码进行身份验证

17 Mar 2025 | 4 分钟阅读

正如我们之前讨论的那样，有两种身份验证方法，即 Firebase UI 和 Firebase SDK。在本节中，我们将学习如何使用 Firebase UI 方法使用电子邮件/密码执行身份验证。

Firebase UI 是一个开源库，使用起来非常简单。我们可以自定义它，因为它是开源的。它消除了样板代码（必须包含在许多位置且几乎没有或没有更改的代码段），并提升了用户体验和安全性方面的最佳实践。一个非常简单的 API 提供了一个简单的拖放和身份验证。它可以处理来自电子邮件地址和密码到电话号码类型的身份提供者（例如 Google）的不同身份验证技术的所有来源的流程。它建立在 Firebase Auth 库之上。

当我们使用此库时的最佳实践是最大化应用程序的登录和注册转化率。它为我们的应用程序启用所有自动单点登录，以供回访用户使用，并处理帐户恢复、帐户链接。

让我们开始逐步了解这个完整的过程

步骤 1

第一步，我们将我们的应用程序与 Firebase 控制台连接起来。要将应用程序与 Firebase 连接，请访问以下链接 adding-firebase-to-app。

步骤 2

一旦我们的应用程序连接到 Firebase，我们的下一步是导入 Firebase UI 所需的库。

implementation 'com.firebaseui:firebase-ui-auth:4.3.1'
apply plugin: 'com.google.gms.google-services'

FirebaseAuthentication using email password

步骤 3

在下一步中，我们需要设置或启用身份验证方法。为此，我们必须在 Firebase 控制台中启用电子邮件密码身份验证。

步骤 4

在下一步中，我们将转到 Android Studio 并创建一个用于登录和注销的活动。

步骤 5

接下来，我们将修改我们的 MainActivity.java 文件。我们必须确保我们的应用程序在调用 Firebase 身份验证流程之前，检查用户是否已经从先前的会话中登录。为此，我们必须检查 Firebase 实例，看看是否有人已登录。

FirebaseAuth auth=FirebaseAuth.getInstance();
if(auth.getCurrentUser()!=null){
    //Already signed in 
}else{
    //Not signed in
}

步骤 6

接下来我们要做的就是使用 Firebase UI 库实际开始签名。身份验证流程的入口点是 Auth UI 类。我们可以通过 AuthUI.getInstances() 检索 Auth UI 的实例。因此，我们要做的就是首先创建签名代码，如下所示

//Creating a sign-in function which is called on button sign-in button click
public void sign_in(View view) {
    FirebaseAuth auth = FirebaseAuth.getInstance();
    if (auth.getCurrentUser() != null) {
        Toast.makeText(getApplicationContext(), "User already sign in signout first", Toast.LENGTH_SHORT).show();
    }else{
        //Choosing Authentication provider
        List<AuthUI.IdpConfig> providers= Arrays.asList(new AuthUI.IdpConfig.EmailBuilder().build());

        //Creating and launching sign-in intent
        startActivityForResult(AuthUI.getInstance().createSignInIntentBuilder().setAvailableProviders(providers).build(),12345);
    }
}

步骤 7

我们必须创建 onActivityResult()，因为身份验证 UI 的流程有多个响应代码。在此函数中，我们将检查请求和响应代码。如果它们匹配，用户将成功登录。

//Creating onActivityResult and checking response code to make sure we get the right request.
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    //Checking for request code
    if(requestCode==12345){
        //Successfully signed-in
        if(resultCode==RESULT_OK){
            //Getting the current user
            FirebaseUser user=FirebaseAuth.getInstance().getCurrentUser();
            //Showing toast
            Toast.makeText(getApplicationContext(),"Successfully signed-in",Toast.LENGTH_SHORT).show();
        }
    }else{
        //Signed-in failed. If response is null the user canceled the sign-in flow using the back button.
        //respose.getError().getErrorCode() handle the error.
        Toast.makeText(getApplicationContext(),"Unabled to sign in",Toast.LENGTH_SHORT).show();
    }
}

步骤 8

在下一步中，我们将执行注销功能。因为如果用户登录，那么也需要注销。我们将以下列方式创建注销功能

//Creating sign-out function which is called on button sign-out button click
public void sign_out(View view) {
    AuthUI.getInstance().signOut(this).addOnCompleteListener(new OnCompleteListener<Void>() {
        @Override
        public void onComplete(@NonNull Task<Void> task) {
            //User is now signed out
            Toast.makeText(getApplicationContext(),"User is signed out",Toast.LENGTH_SHORT).show();
        }
    });
}

步骤 9

除了登录和注销之外，我们还可以删除用户。为此，我们需要实现单击按钮时调用的 delete() 函数。这将如下所示

public void delete_user(View view) {
    AuthUI.getInstance().delete(this).addOnCompleteListener(new OnCompleteListener<Void>() {
        @Override
        public void onComplete(@NonNull Task<Void> task) {
            if (task.isSuccessful()) {
                Toast.makeText(getApplicationContext(), "User is deleted successfully", Toast.LENGTH_SHORT).show();
            } else {
                Toast.makeText(getApplicationContext(), "Unsuccessful", Toast.LENGTH_SHORT).show();
            }
        }
    });
}

步骤 10

此步骤用于添加新提供程序。之前我们使用了电子邮件提供商，但我们可以添加更多提供商，例如 Google、电话号码。这是通过以下方式完成的

List<AuthUI.IdpConfig> providers= Arrays.asList(
        new AuthUI.IdpConfig.EmailBuilder().build(),
        new AuthUI.IdpConfig.PhoneBuilder().build(),
        new AuthUI.IdpConfig.GoogleBuilder().build());

为此，我们必须在 Firebase 控制台中启用电话和 Google 提供商。