使用 Firebase 自定义电子邮件验证成功页面

Question

我正在使用默认的 Firebase 函数生成电子邮件验证。默认的电子邮件验证成功页面如下所示：

我想自定义电子邮件验证成功后的响应页面。有没有办法做到这一点？

Answer 1

我想自定义电子邮件验证成功后的响应页面。有没有办法做到这一点？

是的，正如弗兰克在上述评论中指出的那样，这是可能的，并且他引用的文档解释了该机制。

正如本文档中所解释的（以及我的其他答案:-)），您需要构建一个网页，您将在其中：

1. 获取作为 QueryString 参数传递的值（例如mode或oobCode）
2. 从此网页调用applyActionCode()Firebase JavaScript SDK 的方法，并将这些参数的值传递给该方法。
3. 验证成功后，执行一些操作，例如将用户重定向到您的应用程序登录页面。

需要注意的是，您可以通过两种方式生成发送给用户的电子邮件（其中包含上述页面的链接）：

1. 依赖默认的 Firebase 邮件机制。为了自定义验证链接的 URL（例如，您想要重定向到https://www.myrapp.com/emailVerifyScreen），您需要更改基本 URL，如下图所示（“自定义操作 URL”）。文档中也对此进行了解释。

2. 通过云功能（或通过您拥有的服务器）发送电子邮件。在这种情况下，您需要：

a/ 调用generateEmailVerificationLink()Admin SDK的方法，返回一个链接

b/ 生成包含此链接的电子邮件

c/ 将电子邮件发送给用户（通过您控制的 SMTP 服务器或通过 Mailjet 或 Sendgrid 等微服务）

您可以看看这些其他答案：

• /sf/answers/4644537691/​​2
• Flutter：通过FlutterFire发送电子邮件验证码？
• 如何使用 Firebase javascript 中的电子邮件链接仅注册已验证其电子邮件地址的用户？