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

简介: 基于阿里云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参数配置。

相关文章
|
2天前
|
人工智能 JSON 机器人
让龙虾成为你的“公众号分身” | 阿里云服务器玩Openclaw
本文带你零成本玩转OpenClaw:学生认证白嫖6个月阿里云服务器,手把手配置飞书机器人、接入免费/高性价比AI模型(NVIDIA/通义),并打造微信公众号“全自动分身”——实时抓热榜、AI选题拆解、一键发布草稿,5分钟完成热点→文章全流程!
10256 35
让龙虾成为你的“公众号分身” | 阿里云服务器玩Openclaw
|
14天前
|
人工智能 安全 Linux
【OpenClaw保姆级图文教程】阿里云/本地部署集成模型Ollama/Qwen3.5/百炼 API 步骤流程及避坑指南
2026年,AI代理工具的部署逻辑已从“单一云端依赖”转向“云端+本地双轨模式”。OpenClaw(曾用名Clawdbot)作为开源AI代理框架,既支持对接阿里云百炼等云端免费API,也能通过Ollama部署本地大模型,完美解决两类核心需求:一是担心云端API泄露核心数据的隐私安全诉求;二是频繁调用导致token消耗过高的成本控制需求。
5945 14
|
22天前
|
人工智能 JavaScript Ubuntu
5分钟上手龙虾AI!OpenClaw部署(阿里云+本地)+ 免费多模型配置保姆级教程(MiniMax、Claude、阿里云百炼)
OpenClaw(昵称“龙虾AI”)作为2026年热门的开源个人AI助手,由PSPDFKit创始人Peter Steinberger开发,核心优势在于“真正执行任务”——不仅能聊天互动,还能自动处理邮件、管理日程、订机票、写代码等,且所有数据本地处理,隐私完全可控。它支持接入MiniMax、Claude、GPT等多类大模型,兼容微信、Telegram、飞书等主流聊天工具,搭配100+可扩展技能,成为兼顾实用性与隐私性的AI工具首选。
23223 120
|
8天前
|
人工智能 JavaScript API
解放双手!OpenClaw Agent Browser全攻略(阿里云+本地部署+免费API+网页自动化场景落地)
“让AI聊聊天、写代码不难,难的是让它自己打开网页、填表单、查数据”——2026年,无数OpenClaw用户被这个痛点困扰。参考文章直击核心:当AI只能“纸上谈兵”,无法实际操控浏览器,就永远成不了真正的“数字员工”。而Agent Browser技能的出现,彻底打破了这一壁垒——它给OpenClaw装上“上网的手和眼睛”,让AI能像真人一样打开网页、点击按钮、填写表单、提取数据,24小时不间断完成网页自动化任务。
1960 4