如何通过链接处理忘记密码/重置密码

Question

如何在启动时将电子邮件中的代码中继（获取和自动提交）到我们的应用程序中？我正在使用 react native aws-amplify 默认forgotPasswordSubmit 函数。

Auth.forgotPasswordSubmit(username, code, new_password)

Answer 1

文档说明了这一点：

    import { Auth } from 'aws-amplify';

// Send confirmation code to user's email (this sends the email, and consolelogs what is sent)
Auth.forgotPassword(username)
    .then(data => console.log(data))
    .catch(err => console.log(err));

// Collect confirmation code and new password, then (this lets you reset the password)
Auth.forgotPasswordSubmit(username, code, new_password)
    .then(data => console.log(data))
    .catch(err => console.log(err));

要让它自动从电子邮件转到链接，您需要使用“电子邮件模板”做一些事情

具体来说，您可以让模板将您发送到一个带有 :slug 的网站页面，该页面用于传递到“conformation code area”的 URL，并且 useEffect 可以在此之后重新加载页面，以提交信息。

虽然我之前没有使用过任何 AWS。

Answer 2

您可以参考此文档了解更多信息：

https://docs.amplify.aws/lib/auth/manageusers/q/platform/js#forgot-password

Answer 3

我猜，你已经开始了密码恢复过程

Auth.forgotPassword(username)

所以，您已经知道用户名，并且用户可能收到了一封带有验证码的电子邮件。

您不能只将电子邮件中的数据“获取”到您的应用中。您唯一能做的就是在电子邮件中创建一个链接，单击该链接会打开您的应用程序。例如，此链接将类似于 https://yourapp.com/recovery?code=12345656 这称为 "Deep Linking"

这将允许您从点击的链接中提取验证码。现在，您将不得不要求用户输入新密码。一旦您掌握了所有必要的信息（即预先输入的用户名、验证码和新密码），您终于可以拨打电话了

Auth.forgotPasswordSubmit(username, code, new_password)

我不会在这里提供任何代码，因为我认为复制文档或一些教程没有多大意义。查看文档或那里的众多教程之一。如果您的代码有特定问题，请随时更新您的问题的详细信息。