WeWeb 和 Supabase：2026 年评测及为何你值得一试

在构建您的网络应用程序之前，您应该了解 WeWeb 和 Supabase 如何协同工作以简化您的开发流程。

WeWeb 是一款无需编写代码即可帮助您设计网站外观和感觉的工具。

Supabase 处理幕后事务，例如存储数据和管理用户账户。

当它们一起使用时，可以简化创建网络应用程序的过程。

作为一家 WeWeb 代理机构，我们帮助企业使用 WeWeb 和 Supabase 构建可扩展的网络应用程序。

什么是 WeWeb？

WeWeb 是一款让您构建软件前端的工具。您可以使用拖放界面设计软件的外观和工作方式。

WeWeb 允许您连接到各种后端，包括 Supabase，您可以选择适合您需求的后端。

通过 WeWeb，您可以创建工作流来管理业务逻辑、集成 API、使用 NPM 包并添加自定义代码。

相关：WeWeb vs Bubble

什么是 Supabase？

Supabase 是一个开源后端平台，可帮助管理应用程序的数据和用户账户。它基于 PostgreSQL 构建，提供托管数据库、用户身份验证、实时数据同步、自动生成的 API 和无服务器函数。

这些功能使 Supabase 成为其他后端选项（如 Xano、Bubble 或从头构建后端）的实用替代方案。

为什么将 WeWeb 与 Supabase 结合使用？

将 WeWeb 和 Supabase 结合使用可以提高构建效率。WeWeb 处理前端 UI，而 Supabase 管理数据库、后端和用户身份验证。这种分离使开发更有条理，维护更简单。

相关：使用 WeWeb 和 Xano

连接 Supabase 和 WeWeb

假设您已经在 Supabase 中定义了数据库 schema，连接 Supabase 和 WeWeb 几乎只需 5 分钟。

• 设置 Supabase 账户和项目。

• 在 Supabase 中配置您的数据库和身份验证。

• 在 Supabase 中生成 API 密钥以进行访问：导航到 Supabase 控制面板中的“设置”>“API”部分。

• 复制项目 URL 和公共 API 密钥；您将需要这些来连接 WeWeb 到 Supabase。

• 在 WeWeb 中添加 Supabase 作为数据源：登录您的 WeWeb 账户。

• 转到“插件”部分并添加 Supabase 数据源插件。

• 在提示时粘贴您从 Supabase 获取的项目 URL 和公共 API 密钥。

• （可选）如果您想要实时数据更新，请启用实时表。

有关详细的演练，请观看此视频。

在 WeWeb 中使用 Supabase 数据

将 Supabase 连接到 WeWeb 后，您可以在应用程序中任何需要的地方使用 Supabase。

• 创建一个集合并选择 Supabase 作为数据源。
• 将数据网格或容器元素添加到您的 WeWeb 页面。
• 将集合绑定到此元素，以便它显示来自 Supabase 的数据。
• 自定义布局以适应您的设计需求。

要将数据从 WeWeb 发送到 Supabase 并执行 CRUD 操作，您可以创建一个工作流并将输入值发送回 Supabase。您无需从头开始连接到端点，因为 WeWeb 提供了内置的插入、选择、更新、删除和更新插入操作。

通常，您还会在 Supabase 中创建 Postgres 函数和 Edge 函数以进行复杂的数据操作。您可以直接从 WeWeb 触发这些函数。

在 WeWeb 中使用 Supabase 身份验证

添加身份验证系统非常简单，因为 WeWeb 已集成了 Supabase SDK。

WeWeb 提供开箱即用的身份验证操作，如注册、登录和忘记密码。甚至 UI 也预先构建了工作流。

• 在 WeWeb 中，导航到 Plugins > Authentication 并添加 Supabase Auth Plugin。
• 输入您的 Supabase Project URL、Public API Key 和 Private API Key。
• 使用 WeWeb 预构建的 UI 元素进行注册和登录表单。
• 根据需要自定义表单并设置工作流以处理用户交互。

实现基于角色的访问控制 (RBAC)

• 在 Supabase 中创建一个 roles 表来定义用户角色。
• 建立一个连接表，例如 user_roles，将用户链接到角色。
• 配置 WeWeb 以识别这些角色并控制对应用程序不同部分的访问。

Supabase 和 WeWeb 的实时数据能力

Supabase 提供实时数据同步，允许您的应用程序数据持续更新而无需手动刷新。

例如，在实时聊天应用程序中，一个用户发送的消息会立即显示给其他用户。

同步通过 WebSocket 连接完成，确保低延迟通信。

我们为什么推荐 Supabase 与 WeWeb 结合使用

与 Xano 相比，Supabase 有许多优势。

开源透明度

Supabase 的开源性质提供了透明度和灵活性，允许根据特定的项目要求进行定制。

自定义代码

虽然您可以在 Xano 中使用 Lambda 函数来执行其不原生提供的操作，但 Supabase 在自定义代码操作方面要灵活得多。

定价

Supabase 的定价较低。即使是 Supabase 的免费计划也可以适用于一些不需要专用资源的小型应用程序。如果您需要更多资源，您可以随时升级到更高级的计划，这些计划价格实惠。如果您想更进一步，甚至可以将其托管在自己的服务器上。

另一方面，Xano 的免费计划不足以满足大多数用例。如果您有一个拥有合理用户数量的生产应用程序，则需要升级到 Scale 计划。然而，Supabase 的免费计划对于大多数用户来说已经足够，只要共享 CPU 不是您关心的问题。

向量嵌入

如果您希望将 AI 集成到您的应用程序中并利用您的应用程序数据以获得更好的体验，您将需要使用向量嵌入。Supabase 允许您使用 OpenAI 和 Hugging Face 来存储、索引和搜索向量嵌入。

HIPAA 和 SOC2 合规性

Supabase 符合 SOC2 标准，因此如果您的组织的 IT 审计要求 SOC2 合规性，只有少数后端工具能够满足要求。

我们的一位客户在美国管理敏感医疗记录，因此我们必须确保 HIPAA 合规性。Supabase 为此目的提供了可选升级。

Supabase 的局限性

虽然 Supabase 有许多优点，但它也有一定的局限性：

资源限制

Supabase 对各种资源强制执行限制。例如，Edge Functions 的最大内存分配为 256MB，这些函数的最大持续时间因计划而异——免费计划为 150 秒，付费计划为 400 秒。此外，捆绑后的最大函数大小为 20MB。

自动备份和分支

Supabase 的免费计划不提供分支和自动备份。对于大多数项目来说，这些都是必需的。仅凭这一点，您就应该考虑升级到付费计划。

文件上传限制

Supabase 对存储上传的文件大小施加限制。在免费计划中，文件大小不能超过 50MB。付费计划允许更高的限制，最高可达 50GB，并可根据请求进一步增加。

数据库大小限制

免费计划中的项目 CPU 限制为 500MB。达到此限制会强制数据库进入只读状态，直到您减少数据或升级。

自定义域名支持

Supabase 不原生支持其服务的自定义域名。这意味着您的项目将通过 Supabase 子域名访问，这可能与某些应用程序的品牌要求不符。

昂贵的可选升级

如果由于某种原因，Supabase Pro 计划不足以满足您的用例（例如 HIPAA、SLA），那么跳到 Team 计划的成本是巨大的——从每月 25 美元到每月 500 美元。

使用 Supabase 进行自托管

一方面，自托管让您完全控制后端，使您能够满足任何项目要求。自托管在构建处理敏感数据的应用程序时很有帮助。对于大型应用程序，与托管服务相比，自托管可以节省成本。

另一方面，自托管需要对服务器管理和数据库管理有扎实的理解，因为您将负责设置和维护基础设施。

这意味着拥有服务器资源并规划可扩展性，这需要仔细和持续的管理。此外，定期更新、备份和系统监控对于维护稳定性和安全性至关重要，增加了维护开销。

在决定自托管之前，评估项目的具体需求、团队的技术能力以及可用于有效管理和维护基础设施的资源至关重要。

何时考虑自托管

• 定制需求：如果您的项目需要托管服务不支持的特定配置或集成，自托管提供了实现它们的灵活性。
• 数据隐私问题：处理敏感信息的项目可能会受益于通过自托管提供的增强安全控制。
• 可预测的工作负载：具有稳定、可预测流量的应用程序可以利用自托管有效地优化成本。

何时托管服务可能更可取

• 快速部署：托管服务有助于快速设置，让您专注于开发而无需担心基础设施。
• 有限的技术资源：缺乏服务器管理内部专业知识的团队可能会发现托管服务更实用。

最终想法

Supabase 和 WeWeb 的结合非常适合希望探索低代码工具的开发人员。他们获得了自定义代码的所有灵活性以及低代码平台的快速和易用性。

对于没有技术经验，特别是没有后端经验的团队，Xano 是比 Supabase 更好的选择。

如果您正在寻找专家指导，WeWeb 代理机构可以帮助企业高效地构建和扩展其网络应用程序。

相关：使用 WeWeb 和 Xano