【问题标题】:Customize the AWS Cognito hosted UI confirmForgotPassword page自定义 AWS Cognito 托管的 UI confirmForgotPassword 页面
【发布时间】:2021-04-20 18:54:45
【问题描述】:

目前通过提供的流程,模板以以下方式响应文本:

我们已通过电子邮件将密码重置代码发送至 j***@t***.com。输入它 在下方重置您的密码。

有没有办法更新和/或添加到这个副本? 我什至在哪里可以找到这个模板?

上下文:

具有 nuxt 身份验证方案 oath2 的 Vue Nuxt 应用程序,通过 AWS Cognito 授权_endpoint

.../confirmForgotPassword?response_type=token&client_id=XXXXXX&redirect_uri=XXX 等等...

一如既往地感谢任何帮助和指导,因此在此先感谢!

【问题讨论】:

    标签: aws-lambda oauth-2.0 nuxt.js amazon-cognito


    【解决方案1】:

    好的,所以我找到了方法。这有点 hacky,但它完成了工作。

    在托管的 css 中,将 ::after 添加到文本跨度并将新副本放置在该规则中。请注意,这只是添加文本而不是更改现有提供的副本。

    此处概述了更新流程: https://docs.aws.amazon.com/cli/latest/reference/cognito-idp/set-ui-customization.html

    #div-forgot-password-msg span::after {
      content: " additional text that will be displayed at the end of the existing copy."
    }
    

    【讨论】:

      【解决方案2】:

      执行此操作的方法是使用Cognito Custom Message Lambda。在 Cognito 中,您指定一个触发器来调用自定义 lambda 脚本。在 lambda 脚本中,您会收到一个事件对象,您可以编辑和设置您自己的消息。然后,您从 lambda 返回事件对象,仅此而已。它在链接中提供的示例脚本。

      【讨论】:

      • 感谢您的回复。我们目前实际上是通过 lambda 使用许多这些自定义消息触发器。然而,这些只是自定义电子邮件模板,而不是在重置密码流程期间 UI 中的实际文本:“我们已发送密码重置代码......”
      • 啊,我明白了,您想自定义托管 UI。我不知道有什么方法可以做到这一点。
      猜你喜欢
      • 2018-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-07
      • 2018-02-06
      • 2018-09-09
      • 2020-03-19
      • 2020-05-25
      相关资源
      最近更新 更多