Итак, после небольшого перерыва у меня есть совершенно новая функция в smartcodehub
Теперь с помощью smartcodehub вы можете создать бессерверное рабочее приложение на основе ваших моделей предметной области.

Теперь, если вы уже знакомы с firebase, вы можете зайти и посмотреть, как smartcodehub может помочь вам в вашем следующем проекте.

Что такое фаербаза

Firebase — это Backend-as-a-Service — BaaS, который зародился и превратился в платформу разработки приложений следующего поколения на Google Cloud Platform.

Чтобы начать работу с firebase, это удивительный документ на официальном сайте Google здесь. Я рекомендую вам пройти его и следовать, так как для начала вам нужен проект firebase (конечно, вы можете создать его послесловие из cli)

поэтому ниже приведен снимок экрана о том, как создать полный бессерверный проект на основе fiebase и реагировать

Шаг 1: Посетите Smartcodehub и нажмите «Начать сейчас».

Шаг 2: Создайте учетную запись

как только вы создадите свою учетную запись, вы можете войти в нее с помощью вновь созданной учетной записи.

Шаг 3: Создайте объекты (ваши таблицы базы данных)

перейдите в меню, разверните Entities и перейдите к созданию модели

вы можете создать объект, заполнив форму

Мы создадим две таблицы UserRole и User

также вы можете иметь изображение в нем, создать новое изображение свойства и перейти к проверке свойств

теперь давайте установим связь между объектами, например, у пользователя будет userRole

создайте новое свойство с именем userRole и включите флаг hasRelationship

и теперь с включенным флагом отношения, если вы перейдете к проверке свойства, вы увидите какой-то новый контекст

поэтому вам нужно выбрать объект, который имеет отношение в нашем случае UserRole, тогда он позволит еще два выбора

Выберите Coulumn для отображения, когда вы создаете объект, это свойство будет отображаться в раскрывающемся списке, а в столбце выбора базы данных для хранения будет вставлено, это будет иметь больше смысла, когда мы увидим его вживую.

с этими изменениями просто создайте ресурсы, и вы будете перенаправлены на страницу списка сущностей.

Где у вас есть возможность изменить свою модель, удалить свою модель, сделать ее шлюзом безопасности (в настоящее время она доступна только в том случае, если вы создаете API)

Шаг 4: Выберите модели и сгенерируйте ресурсы

когда вы выбираете модели, будет включена новая кнопка, которая генерируется, нажмите на нее и укажите свои требования.

мы перейдем к реакции firebase и нажмем ok, вот и все, через несколько секунд появится еще одна кнопка для загрузки проекта.

Нажмите на этот значок облака, и ваш проект будет загружен со следующей структурой проекта.

Теперь, чтобы включить firebase, вам нужно получить значения конфигурации.

Перейдите к https://console.firebase.google.com/

Перейдите к настройкам вашего проекта, прокрутите вниз, и вы увидите такую ​​​​опцию

selec config у него будут некоторые секретные значения, относящиеся к вашему проекту, скопируйте их и замените в проекте в src/services/firebase.config.js

добавить firebase в ваше приложение

npm install -g firebase-tools
then 
firebase login
then 
firebase init

выберите все услуги, которые вам нужны, такие как база данных firestore, хостинг, облачная функция

как минимум, вам нужно выбрать firestore
после того, как вы это сделаете, в вашем проекте будет создано несколько файлов, и вы все правильно настроите

перейти к вашему проекту сделать

npm i
npm run start

Если вы получаете сообщение об ошибке, как показано ниже

Ошибка: местоположение облачного ресурса не задано для этого проекта, но оно требуется для операции, которую вы пытаетесь выполнить в Cloud Firestore. Подробнее см. в этой документации: https://firebase.google.com/docs/projects/locations.

Затем вам нужно перейти к настройкам проекта в консоли Firebase, и у вас будет такая опция, как

если местоположение не установлено, установите его в соответствии с вашими предпочтениями, а затем повторите попытку инициализации fibase, и все готово.

Если у вас все еще есть проблемы с подключением к вашему firestore,
перейдите в меню разработки базы данных, и если вы увидите что-то вроде

Этот проект настроен на использование Cloud Firestore в режиме хранилища данных. Доступ к этому режиму возможен только из Google Cloud Platform.

просто перейдите по URL-адресу «Перейти к облачной платформе» и выберите «Переключиться на родной», как только закончите

попробуйте снова запустить свой код с помощью npm i

и есть вероятность, что вы увидите новую ошибку в своем веб-приложении.

в этом случае перейдите в базу данных в консоли firebase

Изменить правила с

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write
    }
  }
}

и нажмите опубликовать

с изменением вы должны сначала создать роль пользователя