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

Question

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

我想自定义邮箱验证成功后的响应页面。有办法吗？

Answer 1

I want to customize the response page after successful emailverification. Is there a way to do that?

是的，正如 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，如下图所示(“自定义操作网址”)。也在文档中进行了解释。

<强>2。通过云功能(或通过您拥有的服务器)发送电子邮件。在这种情况下，您需要:

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

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

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

---

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

• https://stackoverflow.com/a/66350538/3371862
• Flutter: Sending Email Verification code through FlutterFire?
• How to sign up only the users who have verified thier email addresses using the email link in Firebase javascript?