Сборка Whinst. Часть 11. Настройка аутентификации пользователя (2/2)
Эта статья является продолжением предыдущей статьи, в которой рассказывалось о том, как я настраивал вход в систему с использованием учетных данных пользователя, таких как адрес электронной почты и пароль. В этой статье я расскажу вам, как настроить регистрацию пользователей в веб-приложении Whinst. Давайте углубимся 🏄🏻♂️.
Как я настраивал регистрацию пользователей👨🏽💻
Бэкэнд: Сначала на бэкэнде или на стороне сервера я настраиваю конечную точку API для создания нового пользователя в базе данных. Я также установил простую логику, чтобы проверить, существует ли уже создаваемый пользователь или нет. Когда запрос POST отправляется на конечную точку API, он принимает пользовательские данные, отправленные из внешнего интерфейса, и получает электронное письмо, а затем проверяет, существует ли оно уже в базе данных или нет. Если он существует, он отправляет ошибку обратно во внешний интерфейс, а если нет, он создает нового пользователя в базе данных, а затем отправляет данные вновь созданного пользователя обратно во внешний интерфейс.
Фронтенд: Сначала я настроил простую форму на базе Formik. Затем я создал функцию регистрации, которая принимает данные, введенные пользователем в форму, и отправляет их на серверную часть через конечную точку API, упомянутую в абзаце выше. Если пользователь успешно создан, вы будете перенаправлены на страницу входа, где можно ввести данные для входа в систему вновь созданного пользователя, чтобы получить доступ к веб-приложению.
Теперь, когда функция аутентификации настроена и работает, я перешел к добавлению некоторых других функций, таких как электронное письмо с подтверждением, проверка формы и шифрование пароля для дальнейшего завершения процесса аутентификации. Спасибо за прочтение и увидимся в следующем🙏.
