Bolt + Supabase：1分钟实现APP的登陆功能、连接数据库（Bolt、Cursor、BaaS、AI全栈） - 文章 - 开发者社区

🍹 Insight Daily 🪺

Aitrainee | 公众号：AI进修生

Hi，这里是Aitrainee，欢迎阅读本期新文章。

每次构建一个应用时，我们通常会首先考虑实现最核心的功能。例如，在我之前制作的那个 AI 播客应用中，最初的关注点就是能否顺利实现文本转播客音频这个关键逻辑。

使用 Bolt + Cursor 构建任何东西：AI实时语音助手、AI播客应用程序，每个人都可以拥有自己的专属软件。

2024-11-10

一旦核心功能完成，接下来就需要处理基础部分——数据库、用户管理、认证和授权。今天，我将演示如何使用Supabase 在 Bolt 应用中添加 数据存储、用户账户创建（登陆）功能， 并确保每个用户只能访问自己的数据。

Supabase | 是什么

Supabase 是一个开源的后端即服务（Backend as a Service, BaaS）平台。被称为 Firebase 的替代品，它于 2020 年正式发布后迅速流行起来。它的核心目标是简化后端开发流程， 尤其适合初创团队和个人开发者快速构建应用。

Supabase的价值在于它让你可以专注于业务逻辑的实现，而不是花时间在搭建基础设施和编写重复的CRUD代码上。

Supabase 将强大的 PostgreSQL 数据库与自动生成的 API 相结合，帮助开发者无需编写后端代码即可轻松实现数据操作和用户认证功能。此外，Supabase 还提供数据库管理、实时数据同步（通过 WebSocket）、文件存储，以及边缘节点服务等功能。

因为它是开源项目而且服务在国 外你也可以自己部署。在国外像Supabase这样的BaaS已经流行很久了。

前端对接的Supabase代码都在Supabase的文档里提供了。

多的就不说，都用上Cursor、Bolt了，再使用BaaS这些快速的工具更有利于你独立开发的进程。

下面我们用一个小视频直观了解 Supabase 的便捷性，并演示如何使用 bolt 结合 Supabase 实现登录及数据库链接操作。

视频号：AItrainee

B站 / Youtube: Aitrainee

以下为视频内容的文字版

发言人 01:22
我们可以对比一下 Supabase 与传统后端实现的区别：

picture.image

使用 Supabase，CURD 操作仅需几行代码，通过连接官方服务即可完成。
传统后端则需自行编写 API，并实现相关逻辑，同时前端代码还需调用后端 API。
例如认证系统，Supabase 仅需两行代码，而自行开发则需大量代码。此外，Supabase 提供了完善的认证与安全功能，无需额外开发。

picture.image

发言人 02:02
由于 AI 能理解业务需求，你可以使用 AI 技术更快速开发，从而专注于创造性的业务逻辑。
我们可以将需要添加 Supabase 的需求提示词输给 AI，这里我们加快一下演示进度。

picture.image

发言人 02:35
在这里，系统生成了一些与 Supabase 相关的模块文件，比如授权文件、连接模块和环境变量等。
然后，更新了一些界面元素（如登录功能）。接着，在 Supabase 中创建 SQL 查询，将其复制到 Supabase 官网的 SQL 编辑器中即可直接创建数据表。
还可以设置行级安全限制。由于还未配置 Supabase 的数据库链接，这里暂时显示错误信息。

picture.image

发言人 03:07
我们将 SQL 查询复制到 Supabase 官网的 SQL 编辑器中，运行后表格成功创建。
通过应用具体任务，bot 会为其生成合适的表结构与字段。
开发者只需提供项目链接地址和 API Key 即可，随后 bot 会进行数据库链接等后续编码操作。
完成后，我们可以看到变量文件已存入环境文件夹中。

picture.image