Перейти к содержанию

Развертывание на Firebase

Здесь мы будем использовать сервис Firebase's hosting для размещения нашего проекта Solid.

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

Прежде чем приступить к работе, убедитесь, что в консоли Firebase создан проект, который будет использоваться для размещения проекта Solid. Как это сделать, описано в первом шаге данного руководства.

Использование инструмента Firebase CLI

Шаг 1: Убедитесь, что у вас правильно установлен firebase-tools

1
2
3
4
5
npm i -g firebase-tools
# or
pnpm i -g firebase-tools
# or
yarn global add firebase-tools

Шаг 2: Выполните команду firebase login и убедитесь, что вы вошли в свою учетную запись Firebase, в которой был создан проект Firebase, используемый для размещения проекта Solid.

Шаг 3: В корневой каталог проекта Solid добавьте два файла: firebase.json и .firebaserc.

В файле firebase.json скопируйте следующий код:

1
2
3
4
5
6
{
    "hosting": {
        "public": "dist",
        "ignore": []
    }
}

И в .firebaserc скопируйте следующий код:

1
2
3
4
5
{
    "projects": {
        "default": "<YOUR_FIREBASE_PROJECT_ID>"
    }
}

Шаг 4: Запустите команду npm run build и выполните команду firebase deploy. После выполнения команды deploy в командной строке должно появиться сообщение следующего вида

Шаг 4

URL Hosting URL - это реальное развертывание вашего проекта. Не стесняйтесь посетить его и посмотреть на свою работу в действии.

Более подробную информацию о Firebase и о том, какие еще интересные вещи можно создавать с помощью Solid и Firebase, можно найти на сайте Firebase documentation

Ссылки

Комментарии