Проведя так много времени над своими побочными проектами, я хочу показать, что я создаю, и лучший способ сделать это - Firebase, главным образом потому, что это бесплатно! Firebase - это платформа разработки, которая предоставляет необходимые инструменты для запуска и запуска проекта.

В этом руководстве я рассмотрю процесс размещения простого приложения для реагирования на Firebase.

Шаг 1. Создайте проект в Firebase

Перейдите на www.firebase.google.com

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

Войдите в свою учетную запись Google.

Шаг 2. Установите интерфейс командной строки (CLI) Firebase

Перед тем как начать, убедитесь, что на вашем компьютере установлен Node.js. Для командной строки Firebase требуется Node.js версии 8.0.0 или новее. Чтобы проверить текущую версию Node.js на вашем компьютере, выполните следующую команду.

node --version

Затем вы можете установить Firebase CLI.

npm install -g firebase-tools

Шаг 3. Войдите в Firebase

Теперь, когда интерфейс командной строки установлен, вам необходимо войти в свою учетную запись Firebase.

firebase login

ПРИМЕЧАНИЕ. Если вы используете Windows, вы можете получить или не получить следующую ошибку при запуске команды firebase init. Чтобы избавиться от этой ошибки, перейдите по пути, по которому находится firebase.ps1, удалите файл firebase.ps1 и повторно запустите команду входа в систему.

Вы будете перенаправлены на страницу аутентификации в вашем браузере.

Нажмите «Разрешить», после чего вы должны увидеть следующую страницу.

Шаг 4. Инициализируйте Firebase

Теперь вернитесь к терминалу, чтобы инициализировать firebase в вашем проекте.

firebase init hosting

Убедитесь, что вы выбрали проект, который вы создали в консоли Firebase.

Поскольку это приложение React, мы хотим, чтобы Firebase использовала папку сборки вместо общей папки. Для этого в файле firebase.json измените «public» на «build».

Шаг 5. Разверните проект

firebase deploy

Чтобы просмотреть веб-сайт, вы можете использовать URL-адрес хостинга или перейти в консоль проекта, щелкнуть вкладку хостинга и выбрать один из URL-адресов.

После завершения развертывания вы можете выйти из Firebase.

firebase logout

Ссылки

  1. Https://firebase.google.com/docs/cli

JavaScript на простом английском языке

Вы знали, что у нас есть три публикации и канал на YouTube? Найдите ссылки на все на plainenglish.io!