Xác thực với Firebase bằng cách sử dụ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 có chứa liên kết mà họ có thể nhấp để đă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ơ tái sử dụng 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 lọc kỹ càng.
  • Khả năng xác thực người dùng trong khi cũng 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 một tài khoản email có thể truy cập để đăng nhập. Không yêu cầu 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 nhớ) mật khẩu, mật khẩu này có thể phức tạp trên thiết bị di động.
  • Người dùng hiện có trước đây đã đăng nhập bằng số 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 thực hiện, 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 bật phương pháp đăng nhập liên kết Email và nhà cung cấp 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 , hãy bật nhà cung cấp Email / Mật khẩu . Lưu ý rằng đăng nhập email / mật khẩu phải được bật để sử dụng đăng nhập liên kết email.
    3. Trong cùng phần này, hãy bật phương pháp đă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 quy trình xác thực, hãy trình bày một giao diện nhắc người dùng cung cấp địa chỉ email của họ và 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 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 cần nhúng và bất kỳ trạng thái bổ sung nào 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 chuyển đến 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à không thể cài đặt ứng dụng.

    • androidPackageNameIOSBundleId : Các ứng dụng để 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 tác vụ 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 tất trong ứng dụng không giống như các thao tác email ngoài phạm vi khác (đặ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 phải đă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 nhiều miền liên kết động tùy chỉnh được xác đị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 dành cho thiết bị di động cụ thể (ví dụ: example.page.link ). Nếu không, 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. Yêu cầu người dùng cho 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'));
    });
    

Lo ngại về bảo mật

Để ngăn một liên kết đăng nhập được sử dụng để đăng nhập với tư cách người dùng không mong muốn hoặc trên thiết bị không mong 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 một 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 tất quy trình. Không chuyển email của người dùng trong các tham số URL chuyển hướng và sử dụng lại nó vì điều này có thể cho phép tiêm 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 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 kẻ 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 rằng bạn sử dụng URL HTTPS trong sản xuất để tránh liên kết của bạn có khả năng bị chặn bởi các máy chủ trung gian.

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 cú pháp liên kết sâu bên dưới và sau đó 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ành cho xác thực liên kết email hay không và nếu có, hãy hoàn tất quá 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 pháp xác thực này với người dùng hiện có. Ví dụ: một người dùng đã xác thực trước đó với một 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ẽ là trong nửa sau của hoạt động:

final userCredential = await FirebaseAuth.instance
    .signInWithEmailLink(email: emailAuth, emailLink: emailLink);
try {
    await FirebaseAuth.instance.currentUser
        ?.linkWithCredential(userCredential.credential!);
} 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 hoạt động nhạy cảm.

final userCredential = await FirebaseAuth.instance
    .signInWithEmailLink(email: emailAuth, emailLink: emailLink);
try {
    await FirebaseAuth.instance.currentUser
        ?.reauthenticateWithCredential(userCredential.credential!);
} 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, quy trình này có thể không được hoàn thành. Trong trường hợp đó, người dùng có thể hiển thị lỗi để buộc họ phải 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 trong liên kết để cung cấp thông tin về loại hoạt động và người dùng.

Trong trường hợp bạn hỗ trợ cả mật khẩu và đăng nhập dựa trên liên kết bằng email, để phân biệt phương pháp đăng nhập cho người dùng có mật khẩu / liên kết, hãy sử dụng fetchSignInMethodsForEmail . Điều này hữu ích cho các luồng đầu tiên nhận dạng nơi người dùng đầu tiên được yêu cầu cung cấp email của họ và sau đó được trình bày với phương thức đăng nhập:

try {
    final signInMethods =
        await FirebaseAuth.instance.fetchSignInMethodsForEmail(emailAuth);
    final userExists = signInMethods.isNotEmpty;
    final canSignInWithLink = signInMethods
        .contains(EmailAuthProvider.EMAIL_LINK_SIGN_IN_METHOD);
    final canSignInWithPassword = signInMethods
        .contains(EmailAuthProvider.EMAIL_PASSWORD_SIGN_IN_METHOD);
} on FirebaseAuthException catch (exception) {
    switch (exception.code) {
        case "invalid-email":
            print("Not a valid email address.");
            break;
        default:
            print("Unknown error.");
    }
}

Như đã mô tả ở trên, email / mật khẩu và email / liên kết được coi là cùng một EmailAuthProvider (cùng PROVIDER_ID ) với các phương pháp đăng nhập khác nhau.

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 đượ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 để xác định 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 Cơ sở dữ liệu thời gian thực Firebase và Quy tắc bảo mật lưu trữ đám mây, 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 mà 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 dịch vụ xác thực bằng cách liên kết thông tin đăng nhập 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 một người dùng, hãy gọi signOut() :

await FirebaseAuth.instance.signOut();