Qoder 在 2026-09-20 上线了 Qoder Sites:一句自然语言就能把网页应用建出来并直接发布上线,拿到可分享链接。它和普通 Vibe Coding 页面最大的不同,是 Sites 会同步创建后端数据库,访客产生的数据能落库、持续更新,页面由此成为能一直用的在线应用。再进一步,你还能一句话绑定 Qoder Cloud Agents,让页面具备 Agent 能力:用户请求直接交给云端 Agent 理解、调工具、回结果。这是一篇实操 SOP,从版本确认、写提示词、首次发布、验证持久化,到接入 Cloud Agents 与落地场景。菜单路径、按钮文案、额度、地域与部署域名以客户端实际界面与官方公告为准。相关福利与版本差异见 Qoder 双福利领取与用量管理实操 与 Qoder 国际版与国内版对比评测。本文所有步骤都可在桌面端与 CLI 两种入口下完成,你按习惯选其一即可,两种入口产出的站点完全一致。
一、准备:先确认版本与入口
Qoder Sites 内置在较新的 Qoder 客户端里,靠 /sites 命令唤起。动手前先确认版本:桌面端 v0.3.3 以上、CLI v1.1.54 以上已全面支持。若敲 /sites 无反应,先升级而非怀疑资格。
两种入口,产出一致。桌面端:在对话框输入 /sites 及描述,生成、预览、发布同界面完成,适合首次尝试。CLI:终端触发同一命令,适合已接入工作流的人。如果你此前只用过纯前端生成工具,第一次看到 Sites 自动建库可能会不习惯,但它的价值恰恰在这里:你不用自己搭服务器、不用写建表语句,把需求描述清楚就能拿到一个能持久存数据的真应用。先确认版本:
# 查看 CLI 版本,对照 v1.1.54 以上要求
qoder --version
# 版本过低则升级(具体命令以 CLI 实际提示为准)
qoder update
# 进入建站会话,输入 /sites 及描述
qoder chat桌面端升级走客户端"检查更新",按钮文案以实际界面为准。同一账号在桌面端、CLI、移动端共享项目与配额消耗,但 Sites 生成的站点是独立托管的在线应用,不依赖本机常开。版本与站点差异见 Qoder 国际版与国内版对比评测。
二、写好提示词:把建站意图讲清楚
Sites 好不好用七分看提示词。它要的不是对话,而是建站需求说明书。固定五部分:目标、数据模型、交互、风格、直接部署。
目标:页面干什么、给谁用。数据模型:最关键也最易忽略,明确存哪些字段、字段关系,Sites 据此自动建库,写不清后面验证就乱。交互:访客能提交、查看、编辑、删除,管理员能做什么。风格:配色布局调性,越具体越不像半成品。直接部署:明确要求"生成后直接部署并给链接",别等它问。
模板一,团队周报看板:
使用 /sites,帮我做一个团队周报看板。
数据模型:每条记录含 成员、本周完成、下周计划、风险 四个字段,文本类型。
交互:任何人可新增、可编辑自己那条、可删除自己那条;所有人都能看到全部记录。
风格:简洁浅色卡片,顶部有标题和按成员统计的汇总。
请直接部署上线,并生成分享链接。模板二,活动页预留 Agent 入口:
使用 /sites,做一个促销活动报名页。
数据模型:报名记录含 姓名、手机号、意向商品、提交时间。
交互:访客填表提交后落库;管理员可查看与导出。
预留一个入口,后续绑定导购助手 Agent,回答访客商品提问并给推荐理由。
风格:电商大促红金风格,首屏有主视觉与报名按钮。
请直接部署上线,并生成分享链接。常见误区是把数据模型和内容混写。官方海洋示例明确"每条鱼永久保存、可投喂成长、每屏最多 80 条",就是在定义数据模型与交互约束。按这个粒度写才稳。额度背景见 Qwen3.8-Flash 在 Qoder 限免热点。
三、生成与首次发布:预览、分享、设权限
提交后 Sites 生成页面、自动拉起数据库、进入预览。三件事:看、发、设权限。
看预览:试着提交一条、刷新一次确认基本交互。不对就在对话补一句修改指令,Sites 就地改。发布:确认后直接部署,返回分享链接,即在线应用地址。链接形态与部署域名规则官方未公开,以实际界面与公告为准。
权限最易出事。Sites 支持分享给特定组织或公开。凡页面落库真实用户数据的,默认小范围分享,别随手公开。公开意味着任何人有链接都能读写,轻则灌垃圾数据,重则泄露手机号等个人信息。开关位置与文案以实际界面为准。发布前多花两分钟核对权限,比事后补救数据泄露要轻松得多。发布后还要做三项核对:换一台设备或开一个隐身窗口打开同一分享链接,确认别人看到的与你在预览里看到的一致;把链接发给一位同事,请他用自己的账号打开,确认分享权限按你的设置生效,小范围分享时他能否打开、公开时是否无需登录;提交一条测试数据后请对方也刷新,确认双方看到的是同一份内容。权限开关的具体位置与生效表现以客户端实际界面为准。横向比较见 AI 编码工具免费额度横评。
四、让页面活起来:验证数据库持久化
Sites 卖点不是"能生成网页"而是"生成带后端数据库的网页"。建完验证数据是否真存住,决定它是玩具还是工具。三条验证:
多人同数据:两人各提交,互相刷新都可见;看不到说明没进同一库,只是各自本地。刷新不丢:提交后刷新仍在即落库,丢了说明只是前端临时态,需回去检查数据模型提示词。关闭再回来:关标签几分钟再开数据原样在。官方示例"鱼永久保存、关页再回鱼仍在"即演示此条。三条跑通页面才真活。建议把这条验证当成发布前的必过清单,没跑通就先别对外分享,避免发出一个看起来能用、实际一刷新就丢数据的页面。把持久化验证落成一张清单会更稳:写入后刷新浏览器,确认刚提交的数据还在;完全关闭浏览器再重新打开链接,确认数据原样保留;换设备或用隐身窗口打开同一链接,确认不同端看到的是同一份数据而非本地缓存;把链接发给第二位访客,请他提交一条,你这边刷新应能看到。任何一条不符,都回到数据模型那段提示词,检查是否真正要求了落库。数据库类型、容量上限、计费官方未公开,以实际界面与公告为准,别假设它适合无限生产数据。
五、接入 Cloud Agents:让页面具备 Agent 能力
页面能存数据后,下一步让它"会思考"。Sites 支持一句话绑定 Cloud Agents:绑定后页面请求直接交云端 Agent,Agent 理解需求、调工具、回结果,页面只呈现。静态页变带大脑的应用。
何时接:需理解自然语言,用户一句话提问而非点菜单;需调外部工具数据,查库存、比价、拉订单;需多步推理,如"挑适合送长辈的手机并说明为什么"。纯展示与表单收集不必接,接了反增不确定与成本。
请求怎么转交:建站或后续配置里一句话绑定,入口与按钮以实际界面为准。绑定后访客请求路由到 Agent,按你给的角色与工具执行再回写页面,不必自己写后端路由。值得注意的是,Agent 能力是叠加在已有数据库之上的,页面既存数据又能推理,两者合起来才构成完整的智能应用,而不是各做各的孤岛。最直观示例是电商导购助手:用户问"送女朋友生日礼物预算两千推荐什么",Agent 理解意图、调商品与推荐工具、给清单附理由,页面直接展示。建站时可像模板二预留入口。用量与成本规划可结合 Qoder 双福利领取与用量管理实操。
六、落地场景与边界:该用在哪里,不该用在哪里
Sites 适合"中等复杂度、要真数据、要快上线",官方点名三类:产品原型、数据看板、活动页。
原型:把想法做成能点能存的可交互原型,比画图强在真能跑真录数据。注意原型阶段想清数据模型,别转正式开发时库结构乱;权限先小范围。看板:把分散汇报集中到能写能看的页,谁开都见同一汇总。注意高频多人写入先确认并发与容量,上限以公告为准;敏感经营数据别放公开链接。活动页:报名抽奖留资是甜区,建快改快数据自动归集。注意常含手机号,权限务必限定;结束记得下线或收紧。
不该用:核心生产系统、高并发高可用服务,Sites 定位快建非关键底座;需复杂自托管后端、特定库或深度定制,底层由 Sites 托管、细节以公告为准;强合规数据须留本地内网,先问清驻留规则;超大规模预期大流量,先小流量验证再放量。这些边界不是否定 Sites,而是提醒你按场景选型,把 Sites 用在它擅长的中轻量、快迭代场合,把重负载留给更合适的底座。横评见 AI 编码工具横评 与 Minimax Code CLI 资源汇总。
七、踩坑速查
四坑按频率排。提示词过泛:只写"做个网站"没目标没模型没交互,生成空壳;对策套五段结构,至少写清数据模型与交互。数据模型没写清:持久化失败根源,没说字段 Sites 可能只生成纯前端、刷新即丢;对策单独列数据模型段,生成后跑三条验证。权限误设公开:手快把含真实数据页设公开致灌数据或泄露;对策默认小范围,含手机号页面别轻易公开。版本过低看不到入口:低于 v0.3.3 或 CLI v1.1.54 敲 /sites 无反应误以为没资格;对策先 qoder --version 或检查更新升级再试,仍无反应以实际界面与公告确认是否全量开放。这些坑大多不是功能缺陷,而是使用姿势问题,提前对照就能少走弯路。
常见问题
问题
Qoder Sites 自动创建的数据库是什么类型,容量有多大? A1:官方目前没有公开 Sites 所使用的具体数据库产品类型,也没有公开单库或单表的容量上限与计费方式。数据库类型、存储上限、是否收费等细节,一律以客户端实际界面与官方公告为准,本文不替你编造具体数字。建站时把数据模型写清楚即可,底层由 Sites 托管。
问题
Sites 有没有免费额度,是否有地域限制? A2:关于 Sites 的免费额度、用量上限以及是否按地域开放,官方尚未公布明确规则,以官方公告为准。若关心 Qoder 整体免费额度怎么领,可看 Qoder 双福利领取与用量管理实操,但那是独立权益,和 Sites 建站额度是否相通以官方公告为准。
问题
入口命令 /sites 在哪里,敲了没反应怎么办?
A3:先确认版本,桌面端需 v0.3.3 以上、CLI 需 v1.1.54 以上,均已全面支持 Sites。旧版本敲 /sites 不会唤起建站流程,请先升级再试。若升级后仍无反应,以客户端实际界面与官方公告确认你所在版本与站点是否已全量开放,入口位置与按钮文案也以实际界面为准。
问题
绑定 Cloud Agents 后怎么计费,页面请求转交出去的数据安全吗? A4:Cloud Agents 计费规则,以及页面与 Agent 间请求转交的权限与数据边界,以官方公告和客户端实际界面为准。你能主动控制的是页面访问权限:访客提交的数据由你设置的分享权限决定谁能读写;把含个人信息的页面设为小范围分享,是从源头降低风险的直接办法。
问题
生成的页面能绑定自己的域名吗,部署域名规则是什么? A5:Sites 部署后返回的分享链接形态、是否支持绑定自定义域名、以及完整部署域名规则,官方目前没有公开,以客户端实际界面与官方公告为准。你拿到分享链接即可分发使用,自定义域名等高级能力请关注后续官方公告。
参考来源
- 阿里云官方公告(2026-09-20):Qoder 上线 Qoder Sites,一句话构建并发布网页应用、同步创建后端数据库、支持绑定 Cloud Agents
- ai-bot.cn 每日快讯与公开搜索核实(能力口径、版本要求 v0.3.3 与 CLI v1.1.54、入口命令
/sites、官方海洋小游戏示例) - Qoder 官网与文档:qoder.com、qoder.cn(菜单路径、按钮文案、额度与地域规则以客户端实际界面为准)