Перейти к основному содержимому

Настройка Supabase

Подключение вашего приложения FlutterFlow к Supabase быстро и просто. Просто добавьте свой Supabase API URL и Anon Key в разделе Настройки и Интеграции, и вашим данным будет готово к использованию в FlutterFlow. С помощью этой интеграции вы можете аутентифицировать пользователей и сохранять или извлекать данные из Supabase.

Следуйте указанным ниже шагам, чтобы настроить Supabase:

Создание ключей​

  • Создайте новый аккаунт Supabase. Если у вас уже есть аккаунт, выполните вход здесь.

  • Чтобы использовать Supabase с вашим проектом FlutterFlow, вам нужно сначала создать проект в Supabase. Если вы еще этого не сделали, просто нажмите на + Новый проект, заполните необходимую информацию и подождите несколько минут, пока процесс завершится.

Создание таблиц в Supabase​

Если вы еще не сделали этого, создайте таблицы. Если вы только начинаете, вы можете снять флажок Включить защиту на уровне строки (RLS), чтобы убрать любые ограничения на доступ к данным таблицы.

Примечание

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

Вот пример создания таблицы "assignments" с внешним ключевым отношением от столбца created_by к public.users.id с on delete cascade. Это гарантирует, что если пользователь будет удален из таблицы "public.users", все данные, касающиеся этого пользователя и хранящиеся в вашей таблице "assignments", также будут удалены.

примечание

Для использования аутентификации Supabase вы должны создать таблицу "users".

Добавление ключей в FlutterFlow​

Следуйте указанным ниже шагам, чтобы добавить API URL и Anon key:

  1. В вашем проекте Supabase перейдите в Настройки проекта > API. Скопируйте URL проекта.
  2. Вернитесь в FlutterFlow, перейдите в Настройки и Интеграции > Интеграции > Supabase. Включите переключатель (т.е. включите Supabase) и вставьте API URL.
  3. Аналогично, из раздела Supabase API, скопируйте Anon key (в разделе Ключи проекта API) и вставьте его в FlutterFlow > Настройки и Интеграции > Интеграции > Supabase > Anon Key.
  4. Нажмите на кнопку Get Schema. Это покажет список всех таблиц с их схемой (структурой), созданных в Supabase.
  5. (Дополнительно) Если вы определили Массив для любого Типа данных столбца в Supabase, вы должны установить его тип здесь. Для этого нажмите "Нажмите, чтобы установить тип Массива" и выберите подходящий.
примечание

Всякий раз, когда вы вносите изменения, касающиеся таблиц в Supabase, снова нажимайте кнопку Get Schema, чтобы отразить изменения здесь.

Теперь вы завершили настройку Supabase! Продолжайте изучать, как добавить аутентификацию Supabase и базу данных.