В тази статия ще обсъдим няколко неща за Firebase и внедряването на Angular приложения.
Дневен ред
· Преглед на Firebase
· Характеристики на Firebase
· Регистрирайте приложение във Firebase
· Създайте демо приложение Angular
· Внедряване на Angular приложение във Firebase
Предпоставки
· Firebase акаунт
· Ъглова CLI
· Възел JS
· Визуално студио
Общ преглед на Firebase
Firebase е мобилна и уеб платформа за разработка, която предоставя широк набор от инструменти и услуги, за да помогне на разработчиците да създават висококачествени приложения. Първоначално е разработен от Firebase Inc., стартираща компания, основана през 2011 г., и по-късно е придобита от Google през 2014 г.
Характеристики на Firebase
· База данни в реално време:
Firebase предоставя хоствана в облака NoSQL база данни, която позволява на разработчиците да съхраняват и синхронизират данни в реално време между множество клиенти. Той използва базиран на JSON модел на данни и предоставя мощни възможности за заявки.
· Удостоверяване:
Firebase предлага услуги за удостоверяване, позволявайки на разработчиците лесно да добавят потребителско удостоверяване към своите приложения чрез имейл и парола, влизане в социални медии (като Google, Facebook и Twitter) и други доставчици на идентичност.
· Облачни функции:
Firebase позволява на разработчиците да пишат и внедряват функции без сървър, които се изпълняват в отговор на събития, задействани от услуги на Firebase или HTTP заявки. Тази функция позволява на разработчиците да разширят функционалността на своите приложения, без да управляват сървъри.
· Съхранение в облак:
Firebase осигурява сигурно и мащабируемо облачно хранилище за разработчиците, за да съхраняват и обслужват генерирано от потребителите съдържание като изображения, видеоклипове и други файлове. Той предлага прости API за качване, изтегляне и управление на файлове.
· Хостинг:
Firebase Hosting позволява на разработчиците да внедряват и хостват своите уеб приложения бързо и сигурно. Той осигурява глобална мрежа за доставка на съдържание (CDN) за доставяне на статични активи и динамично съдържание на потребителите с ниска латентност.
· Анализ:
Firebase Analytics предоставя подробна информация за поведението на потребителите и използването на приложението. Той помага на разработчиците да проследяват ключови показатели, да разбират ангажираността на потребителите и да вземат решения, базирани на данни, за да оптимизират своите приложения.
· Наблюдение на производителността:
Firebase Performance Monitoring помага на разработчиците да получат представа за ефективността на своите приложения. Той осигурява мониторинг в реално време, проследява мрежовите заявки и идентифицира тесните места в производителността.
Регистрирайте приложение във Firebase
Стъпка 1
Отворете следния URL адрес на Firebase:
https://console.firebase.google.com/u/0/
Стъпка 2
Добавете нов проект.
Стъпка 3
Конфигурирайте името на проекта и Google Analytics с някои настройки по подразбиране.
Стъпка 4
Регистрирайте вашето приложение, след като щракнете върху уеб символа и копирате идентификатора на проекта, който ни е необходим за внедряване.
Създайте демо приложение Angular
Стъпка 1
Създайте ново ъглово приложение.
Ново внедряване на angular-firebase
Стъпка 2
Създайте и стартирайте приложението.
Сервиране
Стъпка 3
Инсталирайте инструмента Firebase.
npm install -g firebase-tools
Стъпка 4
Влезте във Firebase.
влизане във firebase
Стъпка 5
Инициализирайте firebase в текущото си приложение.
инициализация на firebase
Firebase CLI ще ви зададе няколко въпроса.
Кои функции на Firebase CLI искате да настроите за тази папка?
Натиснете интервал, за да изберете необходимата функция, след това въведете, за да потвърдите избора си.
Изберете проект на Firebase по подразбиране за тази директория: angular-demo-5658b
Тук избрах angular-demo-5658b, който създадох по-рано.
Какво искате да използвате като своя публична директория? (публично) dist/angular-firebase-deployment
да конфигурирате като приложение с една страница (пренапишете всички URL адреси в /index.html)? (да/не) Да
Файлът dist/angular-firebase-deployment/index.html вече съществува. Презаписване? Да
Ако изберете Конфигуриране на файлове за хостинг на Firebase и (по избор) настроите опцията GitHub Action Deploy от списъка на първоначалното ниво, тогава трябва да имате хранилище в GitHub и тогава само вие можете да настроите и конфигурирате работния процес след предоставяне на достъп до това конкретно хранилище.
Създайте производствена компилация, като използвате следната команда:
n build –aot
Той ще създаде една папка dist във вашето решение за проект. dist/angular-firebase-deployment
Стъпка 7
Изпълнете следната команда, за да разположите вашето Angular приложение във Firebase:
Внедряване на Firebase
Стъпка 8
Накрая отворете браузъра и отворете URL адреса на хостинга.
https://angular-demo-5658b.web.app/
Заключение
В тази статия разбираме основите на Firebase и неговите функции. Също така, конфигурирайте проекта в облака на Firebase и след това го разположете във Firebase.
