Часть 1 — Знакомство с сервисом

Что такое супабаза

Появление решений для хранения данных для сервисов API не превышает количества фреймворков Javascript. На самом деле, я думаю, что ничто не сравнится с этим :)

Однако на днях меня ждал приятный сюрприз. SupaBase. Название этого поста не мое, поясняю. Согласно официальному веб-сайту, Supabase — это альтернатива Firebase с открытым исходным кодом, предоставляющая следующие услуги:

  • прослушивание изменений в базе данных
  • просматривать свои таблицы, включая фильтрацию, разбиение на страницы и глубоко вложенные отношения (например, GraphQL)
  • создание, обновление и удаление строк
  • управлять своими пользователями и их разрешениями
  • взаимодействовать с вашей базой данных с помощью простого пользовательского интерфейса

(Ссылка: https://supabase.io/docs)

Служба использует базу данных Postgres вместо какой-либо NoSql, предлагая открытый пакет инструментов кода. Изображение сервисов показано на рисунке 1.

Что касается цен, есть информация, которая говорит о статусе компании, в настоящее время (03/20021) находится в бета-версии, использование предоставляется бесплатно, однако в будущем будет платный хостинг 🤔🤔. Я не совсем понял, как это будет работать.

Первые впечатления

Меня впечатлила скорость и простота создания таблиц и доступа к API почти мгновенно. После шага регистрации с учетной записью Github (рис. 2)

Пользователь попадает в личный кабинет сервиса. Мы создадим проект в «Новый проект». Будет запрошена организация. В реестре создана стандартная организация.

Мы сообщим данные для базы данных и API.

Рисунок 4— Создание базы

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

Давайте создадим таблицу и вставим несколько записей. Этот шаг напомнил мне MySql Admin..rsrs, нажмите «Создать новую таблицу», шаги очень интуитивно понятны.

После сохранения просто добавьте столбцы и записи в разделы Новый столбец и Добавить строку.

Пока ничего особенного. Это начинает становиться интересным после этих шагов. В меню слева найдите значок API.

В вашем распоряжении будет вся документация в RESTful интерфейсе, сгенерированная для банка, которая будет обновляться по мере ваших обновлений.

Обратите внимание на панель, расположенную справа, на некоторую информацию, такую ​​как URL-адрес API и шаги по инициализации интеграции с проектом javascript.

Нажав на название таблицы, можно получить доступ к различным методам чтения, вставки, обновления и удаления с реальными примерами таблиц (рис. 6).

Итак, в части 2 я создам проект в Angular (версия 11) и буду использовать разработанный API.

Я не исследовал другие функции, такие как создание пользователя, аутентификация, но вот совет.

Увидимся, и спасибо, если вы дочитали до этого места.