方案实践 | Supabase +Qcoder一站式构建云上应用

在线体验各类最新模型,更有模型 免费Token 额度领取!
立即体验
简介: 基于阿里云PolarDB Supabase、Qoder与函数计算,一站式构建轻量级AI应用与SaaS平台,支持MVP快速验证,实现开发、部署、调试闭环,显著提升敏捷交付效率。

基于阿里云 PolarDB Supabase 服务,结合 Qoder 与 函数计算,高效构建并快速部署轻量级应用,实现从开发到上线的一站式敏捷交付。

借助 PolarDB Supabase,开发者可快速构建 AI 应用、SaaS 平台等创新产品,高效完成 MVP(最小可行产品)验证,显著提升开发效率与迭代速度。

下面是方案的具体步骤供参考:

一、创建云资源

1、创建专用网络VPC和交换机

登录专有网络管理控制台,按照下图进行创建。
QQ_1774254497511.png
QQ_1774254520398.png

选择创建公网NAT网关
QQ_1774254559228.png

如下图创建
QQ_1774254718227.png

QQ_1774254783573.png

QQ_1774254852486.png

登录公网NAT网关,找到创建的 NAT 网关实例,单击设置SNAT。
QQ_1774254896036.png

QQ_1774254952498.png

QQ_1774254978344.png

2、创建云数据库 PolarDB PostgreSQL 版集群

登录云数据库 PolarDB 控制台,在集群列表页面,单击创建新集群。
QQ_1774255156783.png

QQ_1774255259939.png

QQ_1774255307752.png

二、部署应用

1、数据库配置

单击集群 ID 进入详情页。在左侧导航栏选择 AI能力 > AI应用。
QQ_1774256322301.png

将白名单内IP地址从 127.0.0.1 修改为0.0.0.0/0 ,然后单击确定。

QQ_1774256440465.png

2、部署应用

单击前往部署打开函数计算应用模板。

QQ_1774256945938.png

QQ_1774256923263.png

QQ_1774257031093.png

部署成功 如图所示
QQ_1774257231730.png

三、访问验证

1、访问应用

打开生成的访问地址
QQ_1774257290253.png

2、登录函数ARN并启动Qcoder

返回qoder_supabase_nginx选项卡页面,在ARN区域单击右侧的链接。
QQ_1774257326810.png

在下方弹出的终端中输入下方指令并敲击回车键,等待Qoder 命令行工具配置成功后即可开始体验。

QQ_1774257424000.png
QQ_1774257453238.png

3、使用Qcoder生成代码

在终端中继续输入以下命令并敲击回车键。此命令会启动 Qoder 命令行工具

./qodercli --dangerously-skip-permissions --model "ultimate"

QQ_1774257561821.png

QQ_1774257603037.png

复制终端中显示的 URL并在浏览器中打开,登录您的 Qoder 账号并批准授权

QQ_1774257668658.png

QQ_1774257683254.png

QQ_1774257696259.png

现在,向 Qoder CLI下达指令。复制并粘贴以下提示词,然后敲击回车:

帮我实现一个待办列表应用,基于react+Supabase实现联调,并部署到nginx服务器。

QQ_1774258260864.png

QQ_1774259143672.png

QQ_1774259309697.png

QQ_1774259347140.png

QQ_1774259426103.png

QQ_1774260956323.png

QQ_1774261044882.png

4、点击部署代码以部署应用并访问

QQ_1774261148214.png

访问报错
QQ_1774261191719.png

让Qcoder进行修复

QQ_1774261902342.png

重新访问,即可查看Qoder CLI生成的网页内容与效果。

QQ_1774261877968.png

点击侧边栏Table Editor查看元数据。

QQ_1774261966901.png

四、清理资源

1、删除FC应用

QQ_1774262023717.png

2、删除 PolarDB 集群

QQ_1774262092045.png

需要先删除AI应用及AI缓存
QQ_1774262131692.png

QQ_1774262153104.png
再进行PolarDB 集群删除

QQ_1774262211120.png

3、删除公网NAT网关

QQ_1774262317980.png

先解绑
QQ_1774262366518.png

QQ_1774262393412.png
再删除

QQ_1774262447225.png

4、删除交换机

QQ_1774262527467.png

5、删除专有网络VPC

QQ_1774262571954.png

6、查看Qcoder的使用量

QQ_1774262691448.png

五、体验总结

1、整体部署比较多,若是能集成到资源编排ROS将相当方便,这样操作中不容易出错,不用再多个产品中切换。
2、主要问题集中在Qcoder,很多时候容易卡死,输入不进去命令,尝试很多次数。再就是Qcoder生成代码的时间比较长,运行了一个多小时,中间还需要提供Supabase的URL和Key信息,需要人全程参与。若想要一个理想的效果,就需要反复调试,最后就是Qcoder积分消耗太快了,一个简单网页就消耗了226积分,赠送的300积分真不够用。
3、清除PolarDB集群需要先删除AI应用和缓存,同时也要清除公网NAT和弹性公网IP,否则一直扣费,这操作手册中没有写到。
4、实际使用中没有文档没有高效,还希望优化一些操作环节,比如自动读取写的Supabase参数配置。

相关文章
|
4月前
|
网络协议 前端开发 网络安全
B/S端和C/S端两种架构的应用详解,架构对于网络安全以及系统本身的详解-优雅草卓伊凡
本文详解B/S(浏览器/服务器)与C/S(客户端/服务器)两大主流架构:B/S依托HTTP、跨平台易维护,主导Web应用;C/S基于TCP、功能强定制高,适用于专业软件与游戏。对比历史演进、技术特点及适用场景,助你理解架构选型逻辑。(239字)
884 12
|
存储 关系型数据库 MySQL
【实践操作文档】RDS DuckDB 实训营-第二期实践视频配套资源与操作指南
本文档为 RDS DuckDB 实训营-第二期实践视频《【实践】基于DuckDB×RDSClaw Skill的商品售卖分析与预测》的配套手册,指导用户免费创建RDS DuckDB与RDSClaw实例,完成数据拆分、建库配置、批量导入及智能分析预测全流程,助力企业实现高性能、低成本实时数据分析决策。
|
5月前
|
人工智能 安全 Linux
2026年OpenClaw(Clawdbot) Linux部署:本地搭建+ZeroNews访问+云上部署教程
2026年初,OpenClaw(前身为Clawdbot)凭借“私有化运行+全权限实操”的创新定位,迅速成为AI领域的现象级开源项目。这款被称为“真正能做实事的AI”的工具,打破了传统聊天机器人的功能局限,可在本地设备或服务器上独立运行,通过WhatsApp、Telegram等常用聊天软件接收指令,完成文件读写、邮件管理、系统运维等实操任务,所有数据本地存储,隐私安全性拉满。
5334 9
|
4月前
|
人工智能 安全 前端开发
阿里开源 Team 版 OpenClaw,5分钟完成本地安装
HiClaw 是 OpenClaw 的升级版,通过引入 Manager Agent 架构和分布式设计,解决了 OpenClaw 在安全性、多任务协作、移动端体验、记忆管理等方面的核心痛点。
2529 61
阿里开源 Team 版 OpenClaw,5分钟完成本地安装
|
2月前
|
人工智能 前端开发 测试技术
Qoder Skills 完全指南:从零开始,让 AI 按你的标准执行
文章内容基于作者个人技术实践与独立思考,旨在分享经验,仅代表个人观点。
2565 3