Рубрики
Uncategorized

Разверните веб-сайт, используя хостинг FireBase

Есть много вариантов дешевых или даже свободных на рынке, чтобы развернуть наши проекты. Один из них и мой … Помечено DEVOPS, HTML, CSS, JavaScript.

Есть много вариантов дешевых или даже свободных на рынке, чтобы развернуть наши проекты. Один из них и мой любимый хостинг Firebase, сервис Google.

Это мой первый пост, написанный на английском языке. Я из Бразилии, и я решил попытаться написать серию статей на новом языке с большим количеством досягаемости, чем португальцы, используя переводчик, потому что я пока не свободно. Итак, я прошу вас от обратной связи и исправления, если вы обнаружите какие-либо ошибки. Спасибо!

Firebase это набор услуг Google, который предоставляет вам Баас (Задний конец в качестве услуги), что означает, что вам не нужно беспокоиться о скучной части развертывания спины к вашему проекту. Одним из этих услуг является Хостинг Firebase То, что вы можете развернуть ваш веб-сайт или веб-приложение в HTML, JavaScript и CSS.

Я покажу вам, как развернуть простой веб-сайт в хостинге Firebase при нулевой стоимости.

Создать проект

Нам нужно нажать «Перейти к консоли» в верхнем правом углу.

Так что консоль Firebase. Теперь мы создадим проект, нажав на «Adicionar Projeto» (я не нашел, как изменить язык на консоли Firebase)

Теперь мы выбрали название проекта и продолжайте! В шахте я выбрал имя «FireBase Lab»

Здесь вы можете отключить Google Analytics сейчас:

Проект наконец создал:

Развернуть сайт

Мы собираемся создать папку и простой HTML:

$ mkdir firebase-lab-website

Посмотрите на наш простой HTML в папке:

firebase-lab-сайт/index.html.




  
    
    
    Firebase Lab
  
  
    

Firebase Lab

Теперь нам нужно установить CLI Firebase с помощью команды ниже:

$ npm install -g firebase-tools

Теперь нам нужен вход:

$ firebase login

После этого выполните эту команду в каталоге веб-сайта и выберите правильный проект:

$ firebase init
  • Сначала вы выбираете опцию «Хостинг: configure и развертывание сайтов хостинга FireBase» с пробелом и нажмите Enter.

  • Во-вторых, выберите опцию «Использовать существующий проект», нажмите Enter.

  • В-третьих, выберите проект, который вы создали.

  • В-четвертых, введите папку вашего index.html. По умолчанию «публично», но в моем случае «./».

  • Последнее, нам нужно сказать, является ли ваш сайт одностраничное приложение.

Все готово! Теперь последняя команда в каталоге является развертывание:

$ firebase deploy

Наш сайт онлайн !!

Вы можете увидеть подробную информацию о развертывании в опции «Хостинг» в левом меню:

Дайте мне отзыв!:) Спасибо!

Оригинал: «https://dev.to/gabrielrufino/deploy-a-website-using-firebase-hosting-4ek4»