在 Flutter 中实现 Firebase 电子邮件链接身份验证

在 Flutter 中使用自定义重定向配置 Firebase 电子邮件链接身份验证

Flutter 和 Dart 实现

// Import necessary packages
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: EmailLinkSignIn(),
    );
  }
}
class EmailLinkSignIn extends StatefulWidget {
  @override
  _EmailLinkSignInState createState() => _EmailLinkSignInState();
}
class _EmailLinkSignInState extends State<EmailLinkSignIn> {
  final FirebaseAuth _auth = FirebaseAuth.instance;
  final TextEditingController _emailController = TextEditingController();
  @override
  void dispose() {
    _emailController.dispose();
    super.dispose();
  }
  void sendSignInLinkToEmail() async {
    final acs = ActionCodeSettings(
      url: 'https://www.example.com/finishSignUp?cartId=1234',
      handleCodeInApp: true,
      iOSBundleId: 'com.example.ios',
      androidPackageName: 'com.example.android',
      androidInstallApp: true,
      androidMinimumVersion: '12',
    );
    await _auth.sendSignInLinkToEmail(
      email: _emailController.text,
      actionCodeSettings: acs,
    );
    // Show confirmation dialog/snackbar
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Sign in with Email Link'),
      ),
      body: Column(
        children: <Widget>[
          TextField(
            controller: _emailController,
            decoration: InputDecoration(labelText: 'Email'),
          ),
          RaisedButton(
            onPressed: sendSignInLinkToEmail,
            child: Text('Send Sign In Link'),
          ),
        ],
      ),
    );
  }
}

在后端处理重定向和身份验证

Node.js 与 Firebase 管理 SDK

// Import necessary modules
const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp();
exports.finishSignUp = functions.https.onRequest(async (req, res) => {
  const { oobCode, continueUrl } = req.query;
  try {
    // Verify the Firebase Auth Dynamic Link
    const info = await admin.auth().checkActionCode(oobCode);
    await admin.auth().applyActionCode(oobCode);
    // Optionally retrieve email from info data if needed
    // Redirect to continueUrl with custom parameters or to a default URL
    return res.redirect(continueUrl || 'https://www.example.com');
  } catch (error) {
    console.error('Error handling sign up:', error);
    return res.status(500).send('An error occurred.');
  }
});

有关 Firebase 电子邮件链接身份验证的常见问题

1. 什么是 Firebase 电子邮件链接身份验证？
2. 一种安全身份验证方法，可将一次性登录链接发送到用户的电子邮件，使他们无需密码即可登录。
3. Firebase 电子邮件链接身份验证如何增强安全性？
4. 它无需密码，从而降低了密码网络钓鱼和暴力攻击的风险。
5. 我可以自定义发送给用户的电子邮件吗？
6. 是的，Firebase 允许您自定义电子邮件模板以获得个性化的用户体验。
7. 是否需要将重定向 URL 中使用的域列入白名单？
8. 是的，出于安全原因，该域必须在 Firebase 控制台中列入白名单。
9. 如何处理重定向 URL 中的自定义查询参数？
10. 自定义查询参数可以包含在重定向 URL 中，并在您的应用程序或后端中进行处理，以在登录后执行特定操作。