Flutter
...
Authentication
Flutter Parse用户电子邮件验证实现指南
9 分
flutter用户邮箱验证 介绍 在应用程序的设置中启用邮箱验证允许应用程序为确认邮箱地址的用户保留部分体验。 邮箱验证将 emailverified emailverified 键添加到 parseuser parseuser 对象中。当 parseuser parseuser 的邮箱被设置或修改时, emailverified emailverified 被设置为 false false 然后,parse会向用户发送一个链接,该链接将把 emailverified emailverified 设置为 true true 有三种 emailverified emailverified 状态需要考虑: true 用户通过点击parse发送的链接确认了他的邮箱地址。 false 在最后一次获取 parseuser parseuser 对象时,用户尚未确认他的邮箱地址。如果 emailverified emailverified 为 false false 。如果emailverified为false,请考虑在parseuser上调用 getupdateduser() getupdateduser() 缺失 在本指南中,您将学习如何为用户注册功能(注册)设置用户电子邮件验证过程。 您将创建一个应用程序,其中包括使用 https //www back4app com/product/parse server 进行电子邮件验证的用户注册,通过 back4app。 您将使用与实现用户注册相同的方法,但不是将用户重定向到已登录的屏幕,而是要求用户验证他们的电子邮件以登录。 目标 使用 parse 为 flutter 应用程序构建用户验证电子邮件过程功能。 先决条件 要完成本教程,您需要: 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/3uunuqp0k0awbtyuil4es 完成之前的指南,以便您能更好地理解 parseuser parseuser 类。 一台运行 android 或 ios 的设备(不是模拟器)。 理解电子邮件验证功能 为了更好地理解电子邮件验证功能,我们将继续开发在之前指南中开始的应用程序并实现该功能。 我们不会解释 flutter 应用程序代码,因为本指南的主要重点是使用 flutter 与 parse。按照接下来的步骤,您将构建一个在 back4app 数据库中的登录和注销应用。 让我们开始吧! 在接下来的步骤中,您将能够在应用程序中构建电子邮件验证功能。 1 启用电子邮件验证 现在让我们在 back4app 仪表板上启用电子邮件验证。电子邮件验证页面有两个属性: 验证用户电子邮件 验证用户电子邮件 和 如果电子邮件未验证则阻止登录 如果电子邮件未验证则阻止登录 。 如果您仅启用验证用户电子邮件选项,用户将收到验证电子邮件,但仍然可以正常登录和使用应用程序。如果您还启用阻止 如果电子邮件未验证则阻止登录 如果电子邮件未验证则阻止登录 选项,用户只有在完成电子邮件验证过程后才能登录。 前往您的应用程序,访问 https //www back4app com/ 并点击 服务器设置 服务器设置 。 找到 验证电子邮件卡片并点击 验证电子邮件卡片并点击 设置`。 3\ 点击 验证用户电子邮件 验证用户电子邮件 和 如果电子邮件未验证则阻止登录 如果电子邮件未验证则阻止登录 。 4\ 可选:根据您的偏好填写空字段并修改已填写的字段。 5\ 点击 保存 保存 按钮。 将代码替换为 douserregistration douserregistration 1 void douserregistration() async { 2 final username = controllerusername text trim(); 3 final email = controlleremail text trim(); 4 final password = controllerpassword text trim(); 5 6 final user = parseuser createuser(username, password, email); 7 8 var response = await user signup(); 9 10 if (response success) { 11 message showsuccess( 12 context context, 13 message 'user was successfully created! please verify your email before login', 14 onpressed () async { 15 navigator pop(context); 16 }); 17 } else { 18 message showerror(context context, message response error! message); 19 } 20 } 注意:signup函数的代码已在之前解释过。 3 测试注册 要测试它,请点击 android studio/vscode 中的 运行 运行 按钮。 执行注册过程,点击按钮 注册 注册 注册后,我们将收到一封这样的电子邮件 点击链接以验证电子邮件后,parse dashboard中的属性将被设置为true 4 登录 要实现带有电子邮件验证的登录,您只需按照 https //www back4app com/docs/flutter/parse sdk/users/flutter login 的描述实现parse用户登录 如果您在第2步中启用了“如果电子邮件未验证则防止登录”选项,则在尝试未验证电子邮件登录时,您将收到以下错误 完成! 在此阶段,您可以使用parse server核心功能通过back4app进行电子邮件验证登录、注册或注销您的应用!