По сути, вторая задача в рамках #hpdf — развернуть код, который мы написали для задачи 1, на облачную платформу и использовать для этого Hasura CLI.

Hasura CLI — это утилита командной строки, которая поможет вам быстро настроить серверную часть. Он помогает создавать проекты, управлять кластерами и управлять микросервисами, а также предоставляет API-интерфейсы для распространенных случаев использования (данные, аутентификация, хранилище файлов) и позволяет легко создавать собственные микросервисы.

Серия шагов, которые я выполнил, приведена ниже:

  1. Загрузите и установите установочный файл Hasura CLI. Вот ссылка для его получения: https://docs.hasura.io/0.15/manual/install-hasura-cli.html. проверьте ссылку и получите файл в соответствии с системными требованиями. Перед этим убедитесь, что также установлен Git bash. Git bash – это оболочка bash, которую можно использовать в системах Microsoft Window и активировать функции репозитория git на этой платформе.
  2. После завершения установки в git bash войдите в систему с помощью команды: $hasura login. Вот ссылка на эти два шага: https://docs.hasura.io/0.15/manual/install-hasura-cli.html
  3. Теперь, когда я работал над Reactjs, я решил создать простое первое приложение для реагирования по этой ссылке. шаги, которые я выполнил, приведены ниже:

i. $ hasura quickstart hello-react
$ cd hello-react microservices/ui/app

эти команды используются для создания папки с именем hello-react, которая содержит исходный код нашего первого базового приложения для реагирования в облаке. И кластер Hasura трейловой версии, и он установлен по умолчанию для нашего проекта.

II. Затем мы можем проверить информацию о кластере, используя: $ hasura cluster status.с помощью этого мы можем узнать имя кластера и другие детали.

III. измените файл package.json по пути microservices/ui/app/package.json. Назначьте имя вашего кластера переменной среды REACT_APP_CLUSTER_NAME.

IV. Теперь мы можем развернуть наш код задачи 1 в облаке, нам нужно заменить существующий код вновь созданной папки кодом задачи 1. Для этого замените все содержимое папки microservices/ui/app содержимым приложения задачи 1 . Какой бы код мы ни заменили, он должен находиться в папке приложения microservices/ui, чтобы сохранить структуру папок.

v. как только вы закончите с этим, пришло время добавить это в репозиторий git, используя следующие команды:

  • cd path-to-hello-react/hello-react
  • git add . && git commit -m "any commit Message "

(git add. — добавить все файлы в каталоге на этап. git commit -m «message»чтобы зафиксировать изменения с помощью сообщения)

  • git push hasura master

(git push ‹имя удаленного репозитория› ‹локальный репозиторий› — добавить файлы в удаленный облачный репозиторий. )

Я столкнулся с приведенной ниже ошибкой на последнем шаге.

Не удалось найти компоненты дизайна material-ui, которые я использовал в задаче 1. С помощью моего коллеги-стажера я могу это узнать, потому что, когда я устанавливаю material-ui как пакет npm, я просто использовал install material-ui вместо npm install material-ui -save , что на самом деле не сохраняло пакет как зависимость в файле package.json. Поскольку облачная среда Hasura учитывает зависимости, которые являются частью файла package.json, и игнорирует остальные, она не может идентифицировать компоненты material-ui. Обходной путь, который я использовал для этого, заключается в том, что я установил пакеты material-ui в папку приложения hello-react, добавив его в файл .json.

Вот некоторые из ссылок, которые помогли мне тем временем:

основные команды git bash

команды git для работы с удаленными/локальными репозиториями