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

Question

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

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

Answer 1

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

是的，正如弗兰克在上面的评论中指出的那样，这是可能的，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/调用Admin SDK的generateEmailVerificationLink()方法，返回一个链接

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?