Android Firebase Authentication

介紹如何透過Firebase連結使用Authentication的部分來進行會員認證以及會員註冊，Firebase Authentication幫助我們沒有時間處理後端跟架設伺服器，只需要到Firebase主控台就可以輕易使用會員相關註冊系統，Authentication是最好的幫手。

文章目錄

1. 導入Firebase
2. 選取Authentication
3. 點選按鈕後 打勾連結成功
4. 程式碼範例
5. 效果展示

1.導入Firebase

Tools>Firebase

2.選取Authentication

3.點選按鈕後 打勾連結成功

4.程式碼範例

Layout

  <EditText
        android:id="@+id/account"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="176dp"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:ems="10"
        android:inputType="textPersonName"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/account" />

    <Button
        android:id="@+id/register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:layout_marginEnd="40dp"
        android:layout_marginRight="40dp"
        android:text="註冊"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/login"
        app:layout_constraintTop_toBottomOf="@+id/password" />

    <Button
        android:id="@+id/login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="40dp"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="40dp"
        android:text="登入"
        app:layout_constraintEnd_toStartOf="@+id/register"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/password" />

MainActivity.kt

register.setOnClickListener {
      FirebaseAuth.getInstance().createUserWithEmailAndPassword(
        account.text.toString(), password.text.toString()
      ).addOnCompleteListener {
          if (it.isSuccessful) {
            Toast.makeText(this, "創建成功", Toast.LENGTH_SHORT).show()
          }
      }
}

login.setOnClickListener {
      FirebaseAuth.getInstance().signInWithEmailAndPassword(
          account.text.toString(),password.text.toString()
      ).addOnCompleteListener {
          if (it.isSuccessful) {
              Toast.makeText(this, "登入成功", Toast.LENGTH_SHORT).show()
          }
      }
}

5.效果展示

Firebase後台顯示

APP顯示