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

编程问答 2022-05-12

问题描述

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

image

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

解决方法

我想自定义邮件成功后的回复页面 确认。有没有办法做到这一点？

是的，正如 Frank 在上述评论中指出的那样，这是可能的，documentation he refers to 解释了该机制。

如本文档（以及 my other answer :-) 中所述），您需要构建一个网页，您将：

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

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

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

enter image description here

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

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

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

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

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

email-verificationfirebasefirebasefirebasefirebase-authentication