Xác thực với Firebase bằng liên kết email

Bạn có thể sử dụng Xác thực Firebase để đăng nhập người dùng bằng cách gửi cho họ email chứa liên kết mà họ có thể nhấp vào để đăng nhập. Trong quá trình này, địa chỉ email của người dùng cũng được xác minh.

Có rất nhiều lợi ích khi đăng nhập bằng email:

  • Đăng ký và đăng nhập ít ma sát.
  • Giảm nguy cơ sử dụng lại mật khẩu trên các ứng dụng, điều này có thể làm suy yếu tính bảo mật của ngay cả những mật khẩu được chọn kỹ càng.
  • Khả năng xác thực người dùng đồng thời xác minh rằng người dùng đó là chủ sở hữu hợp pháp của địa chỉ email.
  • Người dùng chỉ cần có tài khoản email có thể truy cập để đăng nhập. Không cần quyền sở hữu số điện thoại hoặc tài khoản mạng xã hội.
  • Người dùng có thể đăng nhập an toàn mà không cần cung cấp (hoặc ghi nhớ) mật khẩu, điều này có thể gây cồng kềnh trên thiết bị di động.
  • Người dùng hiện tại trước đây đã đăng nhập bằng mã nhận dạng email (mật khẩu hoặc liên kết) có thể được nâng cấp để đăng nhập chỉ bằng email. Ví dụ: người dùng quên mật khẩu vẫn có thể đăng nhập mà không cần đặt lại mật khẩu.

Trước khi bắt đầu

  1. Nếu bạn chưa làm theo, hãy làm theo các bước trong hướng dẫn Bắt đầu .

  2. Bật đăng nhập Liên kết email cho dự án Firebase của bạn.

    Để đăng nhập người dùng bằng liên kết email, trước tiên bạn phải kích hoạt nhà cung cấp Email và phương thức đăng nhập liên kết Email cho dự án Firebase của mình:

    1. Trong bảng điều khiển Firebase , hãy mở phần Xác thực .
    2. Trên tab Phương thức đăng nhập , bật nhà cung cấp Email/Mật khẩu . Lưu ý rằng tính năng đăng nhập bằng email/mật khẩu phải được bật để sử dụng tính năng đăng nhập bằng liên kết email.
    3. Trong cùng một phần, bật phương thức đăng nhập liên kết Email (đăng nhập không cần mật khẩu) .
    4. Nhấp vào để lưu .

Để bắt đầu luồng xác thực, hãy hiển thị giao diện nhắc người dùng cung cấp địa chỉ email của họ, sau đó gọi sendSignInLinkToEmail() để yêu cầu Firebase gửi liên kết xác thực đến email của người dùng.

  1. Xây dựng đối tượng ActionCodeSettings, đối tượng này cung cấp cho Firebase các hướng dẫn về cách tạo liên kết email. Đặt các trường sau:

    • url : Liên kết sâu để nhúng và mọi trạng thái bổ sung sẽ được chuyển qua. Miền của liên kết phải được đưa vào danh sách trắng trong danh sách các miền được ủy quyền của Bảng điều khiển Firebase. Bạn có thể tìm thấy miền này bằng cách đi tới tab Phương thức đăng nhập (Xác thực -> Phương thức đăng nhập). Liên kết sẽ chuyển hướng người dùng đến URL này nếu ứng dụng chưa được cài đặt trên thiết bị của họ và ứng dụng không thể cài đặt được.

    • androidPackageNameIOSBundleId : Các ứng dụng sẽ sử dụng khi liên kết đăng nhập được mở trên thiết bị Android hoặc iOS. Tìm hiểu thêm về cách định cấu hình Liên kết động Firebase để mở liên kết hành động email qua ứng dụng dành cho thiết bị di động.

    • handleCodeInApp : Đặt thành true . Thao tác đăng nhập phải luôn được hoàn thành trong ứng dụng, không giống như các hành động email khác ngoài nhóm (đặt lại mật khẩu và xác minh email). Điều này là do ở cuối quy trình, người dùng dự kiến ​​sẽ đăng nhập và trạng thái Xác thực của họ vẫn tồn tại trong ứng dụng.

    • dynamicLinkDomain : Khi xác định nhiều miền liên kết động tùy chỉnh cho một dự án, hãy chỉ định miền nào sẽ sử dụng khi liên kết được mở thông qua một ứng dụng di động được chỉ định (ví dụ: example.page.link ). Nếu không, tên miền đầu tiên sẽ tự động được chọn.

    var acs = ActionCodeSettings(
        // URL you want to redirect back to. The domain (www.example.com) for this
        // URL must be whitelisted in the Firebase Console.
        url: 'https://www.example.com/finishSignUp?cartId=1234',
        // This must be true
        handleCodeInApp: true,
        iOSBundleId: 'com.example.ios',
        androidPackageName: 'com.example.android',
        // installIfNotAvailable
        androidInstallApp: true,
        // minimumVersion
        androidMinimumVersion: '12');
    
  2. Hỏi người dùng email của họ.

  3. Gửi liên kết xác thực đến email của người dùng và lưu email của người dùng trong trường hợp người dùng hoàn tất đăng nhập email trên cùng một thiết bị.

    var emailAuth = 'someemail@domain.com';
    FirebaseAuth.instance.sendSignInLinkToEmail(
            email: emailAuth, actionCodeSettings: acs)
        .catchError((onError) => print('Error sending email verification $onError'))
        .then((value) => print('Successfully sent email verification'));
    });
    

Mối lo ngại về an ninh

Để ngăn việc sử dụng liên kết đăng nhập để đăng nhập với tư cách là người dùng ngoài ý muốn hoặc trên một thiết bị ngoài ý muốn, Firebase Auth yêu cầu cung cấp địa chỉ email của người dùng khi hoàn tất quy trình đăng nhập. Để đăng nhập thành công, địa chỉ email này phải khớp với địa chỉ mà liên kết đăng nhập được gửi ban đầu.

Bạn có thể hợp lý hóa quy trình này cho những người dùng mở liên kết đăng nhập trên cùng thiết bị mà họ yêu cầu liên kết bằng cách lưu trữ cục bộ địa chỉ email của họ - ví dụ: sử dụng SharedPreferences - khi bạn gửi email đăng nhập. Sau đó, sử dụng địa chỉ này để hoàn thành quy trình. Không chuyển email của người dùng vào tham số URL chuyển hướng và sử dụng lại email đó vì điều này có thể cho phép chèn phiên.

Sau khi hoàn tất đăng nhập, mọi cơ chế đăng nhập chưa được xác minh trước đó sẽ bị xóa khỏi người dùng và mọi phiên hiện có sẽ bị vô hiệu. Ví dụ: nếu trước đây ai đó đã tạo một tài khoản chưa được xác minh có cùng email và mật khẩu thì mật khẩu của người dùng sẽ bị xóa để ngăn người mạo danh đã xác nhận quyền sở hữu và tạo tài khoản chưa được xác minh đó đăng nhập lại bằng email và mật khẩu chưa được xác minh.

Ngoài ra, hãy đảm bảo bạn sử dụng URL HTTPS trong quá trình sản xuất để tránh liên kết của bạn có thể bị các máy chủ trung gian chặn.

Xác thực Firebase sử dụng Liên kết động Firebase để gửi liên kết email đến thiết bị di động. Để hoàn tất đăng nhập qua ứng dụng di động, ứng dụng phải được định cấu hình để phát hiện liên kết ứng dụng đến, phân tích liên kết sâu cơ bản rồi hoàn tất đăng nhập.

  1. Thiết lập ứng dụng của bạn để nhận Liên kết động trên Flutter trong hướng dẫn .

  2. Trong trình xử lý liên kết của bạn, hãy kiểm tra xem liên kết đó có dùng để xác thực liên kết email hay không và nếu có, hãy hoàn tất quy trình đăng nhập.

    // Confirm the link is a sign-in with email link.
    if (FirebaseAuth.instance.isSignInWithEmailLink(emailLink)) {
      try {
        // The client SDK will parse the code from the link for you.
        final userCredential = await FirebaseAuth.instance
            .signInWithEmailLink(email: emailAuth, emailLink: emailLink);
    
        // You can access the new user via userCredential.user.
        final emailAddress = userCredential.user?.email;
    
        print('Successfully signed in with email link!');
      } catch (error) {
        print('Error signing in with email link.');
      }
    }
    

Bạn cũng có thể liên kết phương thức xác thực này với người dùng hiện có. Ví dụ: người dùng đã được xác thực trước đó với nhà cung cấp khác, chẳng hạn như số điện thoại, có thể thêm phương thức đăng nhập này vào tài khoản hiện có của họ.

Sự khác biệt sẽ nằm ở nửa sau của hoạt động:

final authCredential = EmailAuthProvider
    .credentialWithLink(email: emailAuth, emailLink: emailLink.toString());
try {
    await FirebaseAuth.instance.currentUser
        ?.linkWithCredential(authCredential);
} catch (error) {
    print("Error linking emailLink credential.");
}

Điều này cũng có thể được sử dụng để xác thực lại người dùng liên kết email trước khi chạy một thao tác nhạy cảm.

final authCredential = EmailAuthProvider
    .credentialWithLink(email: emailAuth, emailLink: emailLink.toString());
try {
    await FirebaseAuth.instance.currentUser
        ?.reauthenticateWithCredential(authCredential);
} catch (error) {
    print("Error reauthenticating credential.");
}

Tuy nhiên, vì quy trình có thể kết thúc trên một thiết bị khác mà người dùng ban đầu chưa đăng nhập nên quy trình này có thể chưa hoàn tất. Trong trường hợp đó, người dùng có thể gặp lỗi để buộc họ mở liên kết trên cùng một thiết bị. Một số trạng thái có thể được chuyển vào liên kết để cung cấp thông tin về loại hoạt động và uid người dùng.

Nếu bạn tạo dự án vào hoặc sau ngày 15 tháng 9 năm 2023 thì tính năng bảo vệ liệt kê email sẽ được bật theo mặc định. Tính năng này cải thiện tính bảo mật cho tài khoản người dùng trong dự án của bạn, nhưng nó vô hiệu hóa phương thức fetchSignInMethodsForEmail() mà trước đây chúng tôi khuyên bạn nên triển khai các luồng ưu tiên số nhận dạng.

Mặc dù bạn có thể tắt tính năng bảo vệ liệt kê email cho dự án của mình nhưng chúng tôi khuyên bạn không nên làm như vậy.

Xem tài liệu về bảo vệ liệt kê email để biết thêm chi tiết.

Bước tiếp theo

Sau khi người dùng tạo tài khoản mới, tài khoản này sẽ được lưu trữ như một phần của dự án Firebase của bạn và có thể được sử dụng để nhận dạng người dùng trên mọi ứng dụng trong dự án của bạn, bất kể người dùng đã sử dụng phương thức đăng nhập nào.

Trong ứng dụng của mình, bạn có thể lấy thông tin hồ sơ cơ bản của người dùng từ đối tượng User . Xem Quản lý người dùng .

Trong Quy tắc bảo mật cơ sở dữ liệu thời gian thực và lưu trữ đám mây của Firebase, bạn có thể lấy ID người dùng duy nhất của người dùng đã đăng nhập từ biến auth và sử dụng nó để kiểm soát dữ liệu nào người dùng có thể truy cập.

Bạn có thể cho phép người dùng đăng nhập vào ứng dụng của mình bằng nhiều nhà cung cấp xác thực bằng cách liên kết thông tin xác thực của nhà cung cấp xác thực ) với tài khoản người dùng hiện có.

Để đăng xuất người dùng, hãy gọi signOut() :

await FirebaseAuth.instance.signOut();