Flutter Как сделать вход пользователя с помощью Firebase FlutterPub пароль для входа в демо

7 мая 2020 Автор: Eduard

Флаттер: как сделать вход в систему с помощью Firebase.
25/12/18 — обновлен последний фрагмент кода после рефакторинга и очистки.
24/01/19 — Дублированная ссылка на github в начале статьи.
23/07/19 — Добавлен метод обрезки для электронной почты и пароля.
13/10/19 — Обновлены код и статья после очистки и обновления пакетов.

Исходный код.
Если вы хотите пропустить весь mumbo jumbo, вы можете получить исходный код здесь 👇
tattwei46 / flutter_login_demo.
Пример проекта Flutter, демонстрирующий процесс входа пользователя в систему и регистрации с аутентификацией Firebase.

Это также показывает, как …
github.com.
Что такое флаттер?
Flutter — это мобильный SDK с открытым исходным кодом, разработанный Google для создания высококачественных приложений для Android и iOS. Это позволяет разработчикам не только создавать приложения с красивым дизайном, плавной анимацией и быстрой производительностью, но и быстро интегрировать новые функции.

Flutter Как сделать вход пользователя с помощью Firebase FlutterPub пароль для входа в демо

Flutter предлагает высокоскоростную разработку с возможностью горячей перезагрузки и горячего перезапуска. Имея только одну кодовую базу для управления, вы экономите много средств по сравнению с управлением проектами Android и iOS, поскольку Flutter компилирует его в собственный код ARM. Flutter использует язык программирования Dart, который также разработан Google.
Почему Дарт?

Краткий, строго типизированный, объектно-ориентированный язык. Поддерживает своевременную (JIT) и опережающую (AOT) компиляцию. JIT позволяет Flutter перекомпилировать код непосредственно на устройстве, пока приложение еще работает. Обеспечивает быструю разработку и обеспечивает стабильную горячую перезагрузку в течение секунды. AOT позволяет скомпилировать код непосредственно в собственный код ARM, что обеспечивает быстрый запуск и предсказуемую производительность.

Что такое Firebase.
Firebase — это мобильная и веб-платформа для разработки, которая предоставляет разработчикам широкий спектр продуктов. Сегодня мы рассмотрим, как мы можем создать наше первое приложение Flutter с аутентификацией Firebase и базой данных реального времени (RTDB). Это приложение позволяет пользователю выполнять действия по регистрации / входу в систему и действиям CRUD для элементов todo с Firebase. В этом посте мы сосредоточимся исключительно на регистрации пользователей и входе в систему..

Какие версии инструментов?
Вот версии инструментов, используемых для этой статьи и на Github.
Версия Flutter: flutter_macos_v1.9.1 + hotfix.4-stable Версия Android Studio: 3.5 Версия Xcode: 11.1.
Как настроить среду?
Следуйте инструкциям в https://flutter.dev/docs/get-started/install, чтобы получить Flutter SDK.

Flutter Как сделать вход пользователя с помощью Firebase FlutterPub пароль для входа в демо

Флаттер: как сделать вход в систему с помощью Firebase.
25/12/18 — обновлен последний фрагмент кода после рефакторинга и очистки.
24/01/19 — Дублированная ссылка на github в начале статьи.
23/07/19 — Добавлен метод обрезки для электронной почты и пароля.
13/10/19 — Обновлены код и статья после очистки и обновления пакетов.

Исходный код.
Если вы хотите пропустить весь mumbo jumbo, вы можете получить исходный код здесь 👇
tattwei46 / flutter_login_demo.
Пример проекта Flutter, демонстрирующий процесс входа пользователя в систему и регистрации с аутентификацией Firebase.

Это также показывает, как …
github.com.
Что такое флаттер?
Flutter — это мобильный SDK с открытым исходным кодом, разработанный Google для создания высококачественных приложений для Android и iOS. Это позволяет разработчикам не только создавать приложения с красивым дизайном, плавной анимацией и быстрой производительностью, но и быстро интегрировать новые функции.

Flutter предлагает высокоскоростную разработку с возможностью горячей перезагрузки и горячего перезапуска. Имея только одну кодовую базу для управления, вы экономите много средств по сравнению с управлением проектами Android и iOS, поскольку Flutter компилирует его в собственный код ARM. Flutter использует язык программирования Dart, который также разработан Google.
Почему Дарт?

Краткий, строго типизированный, объектно-ориентированный язык. Поддерживает своевременную (JIT) и опережающую (AOT) компиляцию. JIT позволяет Flutter перекомпилировать код непосредственно на устройстве, пока приложение еще работает. Обеспечивает быструю разработку и обеспечивает стабильную горячую перезагрузку в течение секунды. AOT позволяет скомпилировать код непосредственно в собственный код ARM, что обеспечивает быстрый запуск и предсказуемую производительность.

Что такое Firebase.
Firebase — это мобильная и веб-платформа для разработки, которая предоставляет разработчикам широкий спектр продуктов. Сегодня мы рассмотрим, как мы можем создать наше первое приложение Flutter с аутентификацией Firebase и базой данных реального времени (RTDB). Это приложение позволяет пользователю выполнять действия по регистрации / входу в систему и действиям CRUD для элементов todo с Firebase. В этом посте мы сосредоточимся исключительно на регистрации пользователей и входе в систему..

Какие версии инструментов?
Вот версии инструментов, используемых для этой статьи и на Github.
Версия Flutter: flutter_macos_v1.9.1 + hotfix.4-stable Версия Android Studio: 3.5 Версия Xcode: 11.1.
Как настроить среду?
Следуйте инструкциям в https://flutter.dev/docs/get-started/install, чтобы получить Flutter SDK.

Вы должны установить либо Android Studio, либо VSCode с плагинами Flutter и Dart. Запустите Flutter doctor для установки любых зависимостей. Чтобы запустить симулятор iOS, используйте следующую команду: Чтобы запустить эмулятор Android, выполните следующие действия: Запустите Android Studio> Инструменты> AVD Manager и выберите «Создать виртуальное устройство»..

Приложение Building Flutter.
Вы можете получить полный исходный код в ссылке на GitHub внизу поста. Ниже показано, как мы получаем из примера проекта Flutter для завершения исходного кода в GitHub.
1 Шаг 1: Создайте новую демонстрационную программу для вызова проекта Flutter..
Запустите симулятор и запустите проект, используя Flutter .
Если у вас запущены эмулятор Android и iOS Simulator, выполните следующую команду для выполнения на обоих.

Вы должны увидеть похожие экраны как на Android Emulator, так и на iOS Simulator.

Похожие статьи

Оставить комментарий

XHTML: Разрешенные теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>