使用 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 :-) 中所述),您需要构建一个网页,您将:
- 获取作为 QueryString 参数传递的值(例如
mode
或 oobCode
)
- 从此网页调用 Firebase JavaScript SDK 的
applyActionCode()
方法,将这些参数的值传递给该方法。
- 验证成功后,执行一些操作,例如将用户重定向到您的应用登录页面。
需要注意的重要一点是,您有两种方法可以生成发送给用户的电子邮件(其中包含指向上述页面的 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 等微服务)
您可以看看这些其他答案:
我正在使用默认的 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 :-) 中所述),您需要构建一个网页,您将:
- 获取作为 QueryString 参数传递的值(例如
mode
或oobCode
) - 从此网页调用 Firebase JavaScript SDK 的
applyActionCode()
方法,将这些参数的值传递给该方法。 - 验证成功后,执行一些操作,例如将用户重定向到您的应用登录页面。
需要注意的重要一点是,您有两种方法可以生成发送给用户的电子邮件(其中包含指向上述页面的 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 等微服务)
您可以看看这些其他答案: