概述
Supabase 是一个开源后端平台,可提供持久化数据存储和后端功能。将 MGX 与 Supabase 连接后,可解决仅存储在浏览器内存中的数据在刷新或关闭时丢失的问题。通过与 Supabase 集成,您可以将网站升级为具有持久化存储和高级功能的完整应用程序。
主要优势(除无需开发经验外的三大优势):
快速部署:几分钟即可搭建后端,加速开发进程。
高可扩展:可随着用户增长无限扩展。
高性价比:提供适合小型项目和初创公司的免费套餐。
将 Supabase 连接到 MGX
启动 Supabase 集成
打开 MGX 项目的聊天界面。
在右上角找到 Supabase 标签并点击 Connect Supabase 按钮。
按界面提示进行连接。
身份验证并配置项目
弹出窗口会提示登录 Supabase 账户。
从下拉菜单中选择您的组织。
点击 Authorize MGX 授权 Supabase 账户(无需手动配置,几秒内完成)。
选择现有项目,或点击 +Add New One 即时创建新组织。
自动配置
MGX 将自动获取数据库结构、表及安全设置。
看到 “Supabase Connected” 提示后,您的后端即完成配置。
用户认证
Supabase Auth 可简化应用的登录/注册。MGX 支持两种方式:
邮箱 + 密码
Google 社交登陆
邮箱 + 密码
确保拥有有效 Supabase 账户并已授权。
在聊天中输入需求,如 “添加用户认证”。
系统会生成与 Supabase Auth 连接的登录/注册页面。
在 MGX 界面或 Supabase Dashboard → Authentication → Users 中创建测试用户。
Google 登录
进入 Supabase Dashboard → Authentication → Sign In/Up → 启用 Google。
在 Google Cloud Console 创建项目与 OAuth 凭据,填入 Client ID 和 Client Secret。
在聊天中输入 “添加 Google 登录”。
测试登录并确保回调正常。
数据存储与同步
在聊天中描述要保存的数据,例如 “请确保新建的行程记录保存到数据库”。
MGX 会自动配置数据库表结构。
在应用中创建示例数据并刷新页面,数据将同步到 Supabase。
在 Supabase Table Editor 中修改或新增数据,MGX 应用会实时同步。
边缘函数
Supabase Edge Functions 是无服务器后端程序,可在距离用户更近的节点运行,降低延迟并加快响应。
典型场景:
用户注册后自动发送欢迎邮件。
表单提交时调用 AI 接口分析内容。
集成第三方支付并记录订单信息。
定时推送提醒或调用外部 API。
MGX 提供安全的密钥管理:点击智能体的 Add API Key,输入密钥后 Supabase 将加密存储,运行时安全注入。
添加并部署后端函数
在聊天中输入需求,例如 “生成一个调用 Gemini API 识别食物卡路里的网页”。
生成代码后点击 Add API Key 输入 API 密钥。
点击 View in Edge Function 跳转至 Supabase Edge Functions 页面完成部署。
常见问题 FAQ
如何给应用添加 Supabase 后端功能?
授权 Supabase 账户 → 选择并连接项目 → 在聊天中描述需求,智能体会基于连接的 Supabase 项目开发功能。
Supabase 是否支持社交登录?
支持邮箱密码、一次性密码 (OTP)、魔法链接、Google/Twitter/GitHub、手机号、SAML SSO、匿名登录等多种方式。
是否需要单独创建 Supabase 项目?
可选择现有项目或新建项目,但每个聊天一次仅可连接一个 Supabase 项目。
Remix 后连接是否保留?
Remix 后连接会断开,需要重新授权。App World 中他人分享且已连接 Supabase 的项目不可直接 Remix。
一个 Supabase 数据库可否支持多个 MGX 项目?
可以,但需自行管理连接与配置。
为什么我的项目在组织列表中不显示?
Supabase 免费计划中,若项目 7 天无活动会自动暂停。在 MGX Organizations 中切换至 Inactive 筛选可查看。
提示 “The organization has been bound by another user” 时怎么办?
每个组织与 MGX 账户是一对一绑定。若该组织已被其他账户绑定,需要在 Supabase Dashboard → Settings → API → OAuth Apps 删除原有授权,再回到 MGX 重新连接。