Flutter
...
Authentication
Flutter应用中使用Parse实现用户密码重置功能指南
8 分
如何在flutter应用中添加用户重置密码功能 介绍 一旦你在系统中引入密码,用户就会忘记它,这是一个事实。parse server提供了一种安全重置密码的方法。 密码重置流程开始于获取用户的电子邮件地址并调用 requestpasswordreset requestpasswordreset 方法来自 parse user parse user 类。 这将尝试将给定的电子邮件与用户的电子邮件或用户名字段进行匹配,并向他们发送一封密码重置电子邮件。通过这样做,你可以选择让用户使用他们的电子邮件作为用户名,或者你可以单独收集它并将其存储在电子邮件字段中。 密码重置的流程如下: 用户通过输入他们的电子邮件请求重置密码。 back4app向他们的地址发送一封包含特殊密码重置链接的电子邮件。 用户点击重置链接,并被引导到一个特殊的back4app页面以输入新密码。 用户输入新密码。他们的密码现在已重置为他们指定的值。 在本指南中,你将学习如何使用 flutter插件用于parse server 来实现用户重置密码功能,使用 parseuser parseuser 类为你的flutter应用。 目标 为flutter应用构建一个使用parse的重置密码功能。 先决条件 要完成本教程,您需要: https //flutter dev/docs/get started/install https //developer android com/studio 或 https //code visualstudio com/ (带有 https //docs flutter dev/get started/editor dart 和 flutter) 在之前的指南中创建的 flutter 应用 注意: 请遵循 https //app archbee com/docs/ roxiyumxobue9i7uv49e/hzburmiwcukmjmsxudirt 的会话 完成之前的指南,以便您能更好地理解 parseuser parseuser 类 一台运行 android 或 ios 的设备(不是模拟器)。 理解重置密码过程 为了更好地理解重置密码过程,我们将继续开发在之前指南中开始的应用程序并实现该功能。 我们不会解释 flutter 应用程序代码,因为本指南的主要重点是使用 flutter 与 parse。按照接下来的步骤,您将构建一个在 back4app 数据库中的登录和注销应用。 让我们开始吧! 在接下来的步骤中,您将能够在我们的应用程序中构建重置密码功能。 1 打开登录/注销/重置密码应用项目 从之前的指南中打开 flutter 项目 https //www back4app com/docs/flutter/parse sdk/flutter current user%22 转到 main dart main dart 文件 2 重置密码的代码 要开始密码重置流程,我们需要用户的电子邮件。搜索函数 douserresetpassword douserresetpassword 在文件 main dart main dart 用以下内容替换 douserresetpassword douserresetpassword 中的代码 1 final parseuser user = parseuser(null, null, controlleremail text trim()); 2 final parseresponse parseresponse = await user requestpasswordreset(); 3 if (parseresponse success) { 4 message showsuccess( 5 context context, 6 message 'password reset instructions have been sent to email!', 7 onpressed () { 8 navigator of(context) pop(); 9 }); 10 } else { 11 message showerror(context context, message parseresponse error! message); 12 } 要构建此功能,请按照以下步骤操作 创建一个新的 parseuser parseuser 类实例,命令为 parseuser(null, null, controlleremail text trim()); parseuser(null, null, controlleremail text trim()); 。电子邮件字段是必需的,其他字段可以使用 null 调用 user requestpasswordreset user requestpasswordreset 函数以发送恢复电子邮件 完整的函数应如下所示 1 void douserresetpassword() async { 2 final parseuser user = parseuser(null, null, controlleremail text trim()); 3 final parseresponse parseresponse = await user requestpasswordreset(); 4 if (parseresponse success) { 5 message showsuccess( 6 context context, 7 message 'password reset instructions have been sent to email!', 8 onpressed () { 9 navigator of(context) pop(); 10 }); 11 } else { 12 message showerror(context context, message parseresponse error! message); 13 } 14 } 要测试它,请点击 运行 运行 按钮在 android studio/vscode 中。 点击 重置密码 重置密码 按钮。 在下一个屏幕上输入用户的电子邮件,然后再次点击 重置密码 重置密码 。 完成! 在本指南的最后,您可以通过 back4app 使用 parse server 核心功能实现应用程序的密码重置功能!