Вот пошаговый список для тестирования эволюции Firebase: Cloud Firestore (бета)! 🎉
Cloud Firestore - это эволюция базы данных Firebase Realtime (см. Мою предыдущую статью), которая включает в себя все необычайно гибкие и масштабируемые функции разработки баз данных, мобильных устройств и веб-разработки, добавляя интересные инструменты создания запросов (самая слабая функция уважаемого Realtime База данных).
Кроме того, он поддерживает синхронизацию ваших данных между клиентскими приложениями с помощью слушателей в реальном времени и предлагает автономную поддержку для мобильных устройств и Интернета, так что вы можете создавать адаптивные приложения, которые работают независимо от задержки в сети или подключения к Интернету.
Настройка Cloud Firestore
Создайте новое приложение Firebase на консоли Firebase со своей учетной записью Google, нажав Добавить проект и набрав cloud-firestore-test.
Таким образом, мы получим классическое приложение Firebase (Realtime Database): для тестирования новых функций мы затем заходим в Google Cloud Console и выбираем проект, чтобы добавить Google Cloud Firestore API в библиотеку.
Давайте включим API для нашего проекта
В это время мы уже могли опробовать нашу базу данных. Чтобы протестировать его без указания конфигурации авторизации, мы можем изменить правила доступа к базе данных.
Итак, перейдем к консоли Firebase - ›База данных и выберите Cloud Firestore в меню.
Затем укажите «Начать в тестовом режиме»: это отключит контроль доступа к базе данных (который будет восстановлен позже - когда мы перейдем в производство 😎)
Теперь мы можем перейти к созданию очень простого приложения Angular для тестирования нашей новой базы данных Cloud Firestore.
Угловой
Давайте приступим к созданию нового решения Angular (всегда с использованием потрясающего интерфейса командной строки Angular).
npm i -g @angular/cli@latest //if not already installed ng new cloud-firestore-test
Я поклонник наблюдаемых и всех API, которые обеспечивают плавную нотацию: поэтому мы будем использовать официальную библиотеку Angular для Firebase, то есть angularfire2
релиз 5.0 😏.
cd cloud-firestore-test/ npm i firebase angularfire2 ng s
Мы будем использовать Cloud Firestore с помощью наблюдаемых: они позволят нам иметь гибкий интерфейс и в полной мере использовать обновления в реальном времени, предоставляемые этим замечательным набором технологий.
Настроить Cloud Firestore
Добавьте конфигурацию Cloud Firestore в среду: откройте свой src/environments/environment.ts
и добавьте все, что вы можете найти, перейдя в Обзор консоли Firebase и нажав Добавить Firebase в свое веб-приложение (сделайте то же самое для environment-prod.ts
). Результат должен быть примерно таким:
Давайте импортируем модуль, который поставляется с библиотекой Angular для Firebase / Cloud Firestore.
Мы готовы: давайте добавим простой компонент для отображения данных, которые мы будем помещать в нашу блестящую базу данных Cloud Firestore.
Теперь мы можем приступить к добавлению данных в нашу базу данных и посмотреть, что произойдет. Перейдите в Консоль Google Firebase -› База данных - ›Данные и добавьте коллекцию элементы.
Давайте нажмем «Сохранить» и насладимся нашей новой блестящей базой данных в реальном времени…. oopss, наш Cloud Firestore 😅
Выводы
Всего за несколько шагов мы создали веб-приложение с обновлением данных в реальном времени: скоро мы сможем углубиться в вставку и запросы, но это будет в другой истории 🎉