В этом кратком руководстве мы настроим метод аутентификации по электронной почте/паролю, используя FirebaseUI в Swift (iOS). Полный код доступен в конце этой статьи.

Сложность: Новичок | Легко | Нормальный | Испытывающий

Среда: Xcode 12, Firebase 7.1.0 и UIKit (программно)

Требования: Знание Firebase console и cocoapods.

Создайте новый проект и настройте Firebase

Я кратко рассмотрю эту часть — если вам нужна дополнительная информация о том, как настроить Firebase, ознакомьтесь с другим моим руководством.

Создайте новый проект из Xcode и назовите его Signin. Затем перейдите на сайт Firebase и создайте новый проект:

Теперь добавьте свое приложение iOS в свой проект Firebase. Следуйте инструкциям Firebase, а затем установите следующие модули:

Оттуда, когда вы закончите настройку Firebase, вы сможете запустить свое приложение с Firebase SDK. Следующий шаг:

Консоль Firebase › Аутентификация › способ входа › включить адрес электронной почты и пароль › зарегистрироваться

Теперь все готово — мы можем зарегистрировать нашего первого пользователя!

Давайте немного покодируем 👨🏼‍💻

Перейдите к файлу ViewController.swift и импортируйте структуру FirebaseUI вверху:

Добавьте FUIAuthDelegate в свой класс ViewController сразу после UIViewController:.

Теперь давайте настроим кнопку, с помощью которой мы сможем представить Firebase authViewController. Скопируйте и вставьте приведенный ниже код в свой ViewController и вызовите setupSignUPButton() внутри метода viewDidLoad.

Это создает простую кнопку с синим цветом фона, которая находится внизу экрана нашего приложения. Давайте дадим нашей кнопке действие: заменим текущую функцию target-c приведенным ниже кодом, чтобы создать готовое всплывающее окно authViewController :

Супер просто, правда? Здесь мы просто просим представить встроенный authViewController, который содержит метод входа от разных поставщиков. Пока мы добавили в массив только адреса электронной почты, но вы можете добавить методы входа Google и Apple и многое другое!

Запустите приложение 🏃‍♂️

Вот и все! Нажмите кнопку «Начать», и вы сможете поиграть с экраном входа, предлагающим вам зарегистрироваться с вашим адресом электронной почты, а затем именем и паролем.

Круто то, что весь этот поток не требует от нас создания пользовательского интерфейса. 3 экрана в 3 строчках кода. Мы сэкономили несколько часов кодирования!

Чтобы убедиться, что все работает правильно, перейдите в свою консоль Firebase › аутентификация › Пользователи и оттуда вы должны увидеть адрес электронной почты, который вы использовали для регистрации:

Спасибо, что прочитали! Если у вас есть какие-либо вопросы, оставьте мне комментарий, и если вы найдете его полезным, поделитесь им с кем-то, кому это также может быть интересно! Если вы потеряете некоторые части, вы можете найти полный код ViewController внизу. Вы также можете ознакомиться с другими моими руководствами по SDK аутентификации Firebase!

Я всегда рад пообщаться и посотрудничать по адресу [email protected]. Рассмотрите возможность подписки, чтобы получить неограниченный доступ к моим статьям и всему Медиуму через мою реферальную ссылку.





Полный код: