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

Настройка Supabase

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

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

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

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

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

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

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

Примечание

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

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

примечание

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

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

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

  1. В вашем проекте Supabase перейдите в Project Settings > API. Скопируйте Project URL.
  2. Вернитесь в FlutterFlow, перейдите в Settings and Integrations > Integrations > Supabase. Включите переключатель (т. е. активируйте Supabase) и вставьте API URL.
  3. Аналогично, из раздела API Supabase скопируйте anon key (в разделе Project API keys) и вставьте его в FlutterFlow > Settings and Integrations > Integrations > Supabase > Anon Key.
  4. Нажмите кнопку Get Schema. Это отобразит список всех таблиц с их схемой (структурой), созданных в Supabase.
  5. (Необязательно) Если вы определили Array для любого Column Data Type в Supabase, вы должны установить его тип здесь. Для этого нажмите "Click to set Array type" и выберите подходящий.
примечание

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

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