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

Customized email verification success page using Firebase

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

我想自定义邮箱验证成功后的回复页面。 有办法吗?

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

是的,正如 Frank 在他上面的评论中指出的那样,这是可能的,documentation he refers to 解释了这个机制。

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

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

需要注意的重要一点是,您有两种方法可以生成发送给用户的电子邮件(其中包含指向上述页面的 link):

1.依赖默认的 Firebase 邮件机制。 为了自定义验证 link 的 URL(例如你想重定向到 https://www.myrapp.com/emailVerifyScreen),你需要更改 base URL 如下图所示(“自定义操作 URL”)。在文档中也有解释。

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

a/调用Admin SDK的generateEmailVerificationLink()方法,其中returns一个link

b/ 生成包含此 link

的电子邮件

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


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