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

Question

我可以通过我的 flutter 应用上的 Firebase 发送电子邮件验证链接。但我想修改该链接，以便当用户点击它时，它会将他们带到我定义的应用程序屏幕。所以基本上是深层链接。我环顾四周，找到了深度链接的资源，但它们都处理自定义网址，并考虑到新闻通讯等内容。

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

Answer 1

用户注册帐户后，您需要路由到一个新课程，其中 您将发送一个

sendEmailVerification();

的 init 函数

看下面的代码

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');
    }
  }
}

注意

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

谢谢你

Answer 2

发送验证链接后，您必须使用 Firebase 深度链接插件，并在 Firebase 控制台中创建自己的动态链接，并且您应该将验证邮件域更改为动态链接域。您可以从 Firebase 控制台中的身份验证部分模板进行此操作。

在颤动屏幕的第一个屏幕中进行状态化并在 initstate 中调用函数 initDynamicLinks()。

firebase 中的动态链接：https://customlink.page.link/auth

Future<void> initDynamicLinks() async {
    dynamicLinks.onLink.listen((dynamicLinkData) async {
      final Uri deepLink = dynamicLinkData?.link;
      print("deepLink $deepLink");
      if (deepLink.path == "/auth") {
        print(deepLink);
        Get.toNamed(Routes.LOGIN_EMAIL_SCREEN);
      }
    }).onError((error) {
      print('onLink error');
      print(error.message);
    });
  }

Answer 3

您找到解决方案了吗？我想做同样的事情，但我在网上找不到任何东西