Flutter Firebase - 点击Firebase发送的电子邮件验证链接时如何打开应用程序？

Question

我可以在我的 Flutter 应用上通过 Firebase 发送电子邮件验证链接。但我想修改链接，以便当用户点击它时，它会将他们带到我定义的应用程序屏幕。所以基本上是深度链接。我环顾四周，找到了用于深度链接的资源，但它们都处理了自定义 url，并考虑到了时事通讯之类的东西。

但我希望修改 Firebase 在深层链接中发送的验证电子邮件，该深层链接会在应用中打开特定屏幕。

Answer 1

用户注册帐户后，您需要路由到一个新班级，其中 初始化函数，您将发送一个sendEmailVerification();

见下面的代码

user = auth.currentUser!; 
user.sendEmailVerification();

在 initState() 中创建一个计时器，它会检查电子邮件是否被定期验证。

所以，说每五秒钟调用一次这个函数，它会检查电子邮件是否被验证。

参考下面的函数

Future<void> checkEmailVerified() async {
    user = auth.currentUser!;
    await user.reload();
    if (user.emailVerified) {
      timer.cancel();
      Navigator.of(context).pushNamed('/home');
    }
  }

如果用户电子邮件通过验证，则将用户转到主屏幕

并且还配置计时器

参考下面给出的完整代码

import 'dart:async';

import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:service_provider/constant/constant.dart';
import 'package:sizer/sizer.dart';

class VerifyScreen extends StatefulWidget {
  @override
  _VerifyScreenState createState() => _VerifyScreenState();
}

class _VerifyScreenState extends State<VerifyScreen> {
  final auth = FirebaseAuth.instance;
  late User user;
  late Timer timer;
  @override
  void initState() {
    user = auth.currentUser!;
    user.sendEmailVerification();
    timer = Timer.periodic(Duration(seconds: 5), (timer) {
      checkEmailVerified();
    });
    super.initState();
  }

  @override
  void dispose() {
    timer.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Padding(
              padding: const EdgeInsets.all(0.0),
              child: Image.asset('assets/images/gif.gif',
                  fit: BoxFit.contain, height: 18.h),
            ),
            Padding(
              padding: const EdgeInsets.all(25.0),
              child: RichText(
                text: TextSpan(
                  text: 'An email has been sent to ',
                  style: GoogleFonts.spartan(
                    color: Colors.black,
                    // textStyle: Theme.of(context).textTheme.headline4,
                    fontSize: 14,
                    fontWeight: FontWeight.w400,
                  ),
                  children: <TextSpan>[
                    TextSpan(
                      text: '"${user.email}"',
                      style: GoogleFonts.spartan(
                        color: Color(Const.primary),
                        // textStyle: Theme.of(context).textTheme.headline4,
                        fontSize: 14,
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                    const TextSpan(text: ' please verify'),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> checkEmailVerified() async {
    user = auth.currentUser!;
    await user.reload();
    if (user.emailVerified) {
      timer.cancel();
      Navigator.of(context).pushNamed('/home');
    }
  }
}

注意

某些用户可以通过从此处关闭应用程序来跳过此过程。所以，你可以做的是，当用户再次登录时，检查用户是否被验证，如果用户的电子邮件没有被再次验证，则进入验证页面

谢谢