Bolt + Supabase：1分钟实现APP的登陆功能、连接数据库（Bolt、Cursor、BaaS、AI全栈）
🍹 Insight Daily 🪺
Aitrainee | 公众号：AI进修生
Hi，这里是Aitrainee，欢迎阅读本期新文章。
每次构建一个应用时，我们通常会首先考虑实现最核心的功能。例如，在我之前制作的那个 AI 播客应用中，最初的关注点就是能否顺利实现文本转播客音频这个关键逻辑。
Supabase | 是什么
多的就不说，都用上Cursor、Bolt了，再使用BaaS这些快速的工具更有利于你独立开发的进程。
下面我们用一个小视频直观了解 Supabase 的便捷性，并演示如何使用 bolt 结合 Supabase 实现登录及数据库链接操作。
视频号：AItrainee
B站 / Youtube: Aitrainee
发言人 01:22
我们可以对比一下 Supabase 与传统后端实现的区别：
使用 Supabase，CURD 操作仅需几行代码，通过连接官方服务即可完成。
传统后端则需自行编写 API，并实现相关逻辑，同时前端代码还需调用后端 API。
例如认证系统，Supabase 仅需两行代码，而自行开发则需大量代码。此外，Supabase 提供了完善的认证与安全功能，无需额外开发。
发言人 02:02
由于 AI 能理解业务需求，你可以使用 AI 技术更快速开发，从而专注于创造性的业务逻辑。
我们可以将需要添加 Supabase 的需求提示词输给 AI，这里我们加快一下演示进度。
发言人 02:35
在这里，系统生成了一些与 Supabase 相关的模块文件，比如授权文件、连接模块和环境变量等。
然后，更新了一些界面元素（如登录功能）。接着，在 Supabase 中创建 SQL 查询，将其复制到 Supabase 官网的 SQL 编辑器中即可直接创建数据表。
还可以设置行级安全限制。由于还未配置 Supabase 的数据库链接，这里暂时显示错误信息。
发言人 03:07
我们将 SQL 查询复制到 Supabase 官网的 SQL 编辑器中，运行后表格成功创建。
通过应用具体任务，bot 会为其生成合适的表结构与字段。
开发者只需提供项目链接地址和 API Key 即可，随后 bot 会进行数据库链接等后续编码操作。
完成后，我们可以看到变量文件已存入环境文件夹中。
发言人 03:52
现在登录界面已经生成。我们尝试用 QQ 邮箱注册账户。首次登录需要邮箱确认激活操作，激活后返回网页端。
尽管首次跳转页面报错，但后台显示邮箱已成功注册。bot 提供了 Fix 功能，可快速修复跳转错误。
发言人 04:42
重新运行后，跳转问题已解决，所有功能正常。可以选择导航到身份验证提供商界面，关闭邮箱确认按钮，用户便无需首次登录确认即可注册成功。
我们尝试用新邮箱注册并登录，发现注册过程流畅且无需额外验证。
发言人 05:17
我们验证数据隔离功能：
用新账户创建事件，退出登录后重新登录原账户，发现数据互不干扰。
下载项目到本地，用 Windows Terminal 打开，运行时需要先安装依赖包。
发言人 06:17
登录之前注册的邮箱，程序自动从 Supabase 云端读取数据。
这说明无论在哪里启动应用程序，都能成功链接云端数据库。
发言人 06:38
最后，通过任务视图可查看数据库中已记录的数据，包括表结构和字段信息等内容。
🌟希望这篇文章对你有帮助，感谢阅读！如果你喜欢这系列文章请以 点赞 / 分享 / 在看 的方式告诉我，以便我用来评估创作方向。
抓住前沿技术的机遇，与我们一起成为创新的超级个体
（把握AIGC时代的个人力量）
点这里👇关注我，记得标星哦～
一键三连「分享」、「点赞」和「在看」
科技前沿进展日日相见 ~