Подтверждение электронной почты в Flutter с Parse SDK

11 мин

проверка электронной почты пользователя для flutter введение включение проверки электронной почты в настройках приложения позволяет приложению зарезервировать часть своего опыта для пользователей с подтвержденными адресами электронной почты проверка электронной почты добавляет ключ \emailverified\ в объект \parseuser\ когда адрес электронной почты \parseuser\ устанавливается или изменяется, \emailverified\ устанавливается в \false\ затем parse отправляет пользователю ссылку, которая установит \emailverified\ в \true\ существует три состояния \emailverified\ , которые следует учитывать true пользователь подтвердил свой адрес электронной почты, нажав на ссылку, отправленную parse false на момент последнего получения объекта \parseuser\ пользователь не подтвердил свой адрес электронной почты если \emailverified\ равно \false\ , рассмотрите возможность вызова \getupdateduser()\ на parseuser отсутствует в этом руководстве вы узнаете, как настроить процесс проверки электронной почты пользователя для функции регистрации пользователя (регистрация) вы создадите приложение, которое включает регистрацию пользователя с проверкой электронной почты с использованием основных функций parse server https //www back4app com/product/parse server через back4app вы будете использовать тот же метод, который вы использовали для реализации регистрации пользователя, но вместо того, чтобы перенаправить пользователя на экран входа, вы попросите пользователя подтвердить свою электронную почту для входа цель создать функцию процесса проверки электронной почты пользователя с использованием parse для приложения flutter предварительные требования чтобы завершить этот учебник, вам потребуется версия flutter 2 2 x или новее https //flutter dev/docs/get started/install android studio https //developer android com/studio или установленный vs code https //code visualstudio com/ (с плагинами https //docs flutter dev/get started/editor dart и flutter) приложение flutter, созданное в предыдущем руководстве примечание следуйте инструкции по реализации сброса пароля пользователя https //app archbee com/docs/ roxiyumxobue9i7uv49e/3uunuqp0k0awbtyuil4es завершите предыдущее руководство, чтобы лучше понять \parseuser\ класс устройство (не эмулятор), работающее на android или ios понимание функции проверки электронной почты чтобы лучше понять функцию проверки электронной почты, мы продолжим разработку приложения, начатую в предыдущем руководстве, и реализуем эту функцию мы не будем объяснять код приложения flutter, так как основное внимание в этом руководстве уделяется использованию flutter с parse следуя следующим шагам, вы создадите приложение для входа и выхода в базе данных back4app давайте начнем! в следующих шагах вы сможете создать функцию проверки электронной почты в приложении 1 включите проверку электронной почты теперь давайте включим проверку электронной почты на панели управления back4app страница проверки электронной почты имеет два свойства \проверка электронной почты пользователей\ и \запретить вход, если электронная почта не подтверждена\ если вы включите только опцию проверка электронной почты пользователей, пользователь получит электронное письмо для подтверждения, но сможет войти и использовать приложение как обычно если вы также включите опцию \запретить вход, если электронная почта не подтверждена\ , пользователь сможет войти только после завершения процесса проверки электронной почты перейдите в ваше приложение на сайт back4app https //www back4app com/ и нажмите на \настройки сервера\ найдите \карту электронных писем для проверки и нажмите на\ настройки` 3\ нажмите на \проверка электронной почты пользователя\ и \запретить вход, если электронная почта не подтверждена\ 4\ необязательно заполните пустые поля и измените уже заполненные в соответствии с вашими предпочтениями 5\ нажмите на \сохранить\ кнопку 2 обновите приложение для входа/выхода/сброса пароля откройте проект flutter из предыдущего руководства как добавить сброс пароля пользователя в приложение flutter https //www back4app com/docs/flutter/parse sdk/users/flutter reset password поиск функции \douserregistration\ в файле \main dart\ после вызова функции \user signup()\ ;, вызовите функцию \user logout()\ для того, чтобы убедиться, что пользователь не войдет в систему, пока не подтвердит электронную почту обновите сообщение, информирующее пользователя о необходимости проверить почтовый ящик, и перенаправьте пользователя на главный экран замените код внутри \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 пройдите процесс регистрации, нажав на кнопку \зарегистрироваться\ после регистрации мы получим электронное письмо, подобное этому после нажатия на ссылку для подтверждения электронной почты, свойство будет установлено в true в панели управления parse 4 войти чтобы реализовать вход с подтверждением электронной почты, вам просто нужно реализовать вход пользователя parse, как описано в руководстве по входу пользователя https //www back4app com/docs/flutter/parse sdk/users/flutter login если вы включили опцию «запретить вход, если электронная почта не подтверждена» на шаге 2, вы получите следующую ошибку, если попытаетесь войти без подтверждения своей электронной почты готово! на этом этапе вы можете войти, зарегистрироваться или выйти из своего приложения, используя подтверждение электронной почты с основными функциями parse server через back4app!