跳到主要内容

AI 生成 · FaaS 部署

页面、工具和云函数都能生成并部署。

描述要呈现的页面、用户操作或处理逻辑。Fillcode 可以生成页面、交互工具、云函数或接口,准备 FaaS 运行环境并完成部署,最后返回可访问或可接入的地址。

描述页面、交互或处理逻辑项目代码与运行环境一起生成获得可访问或可接入的地址

适合先做的项目

轻量页面交互工具云函数与接口数据处理任务

先从结果清楚的小项目开始

页面、工具和云函数,都能生成并部署。

说明用户要看到什么、完成什么操作,项目需要哪些逻辑,以及怎样算完成。Fillcode 可以把这些内容生成并部署为可直接打开和验证的 FaaS 项目。

轻量页面

生成产品介绍、活动信息、结果展示等目标明确的单页项目,部署后可以直接通过地址分享。

例如:发布一个适配手机和电脑的配送说明页。

交互工具

构建计算器、转换器、格式化工具、查询工具和表单,明确输入、操作与结果。

例如:根据重量、目的地和服务等级计算配送报价。

云函数与接口

生成用于 Webhook、字段校验、服务接入或 HTTP 调用的云端逻辑,可供页面或其他应用使用。

例如:把多个支付渠道的回调整理成同一种订单事件。

数据处理任务

把数据清洗、字段转换、过滤和可复用的处理规则生成并部署为云端项目。

例如:把页面中粘贴的 CSV 数据整理成统一记录。

一个可以直接打开和测试的页面项目

从清楚的页面需求,到已经部署的交互项目。

有效的页面需求会明确布局、输入项、交互、结果和关键状态。Fillcode 把页面与所需的云端逻辑作为一个项目生成。

项目需求

  • 生成一个响应式配送报价页面。
  • 输入项:重量、目的地和服务等级。
  • 计算并展示报价,同时给出简短的费用说明。
  • 为空白和输入错误提供清楚的页面状态。
shipping-quote / 页面项目

项目需求

page: 配送报价
layout: 响应式单页
fields: 重量、目的地、服务等级
action: 计算并展示报价
states: 空白、输入错误、结果

生成结果

✓ 响应式页面
✓ 表单交互
✓ 报价计算函数
✓ FaaS 部署完成

页面访问地址

https://npm.run/shipping-quote · https://deno.run/shipping-quote

描述项目之后,会发生什么。

先说明页面与行为,再生成项目需要的页面和云端逻辑,最后打开部署结果,按真实用户路径完成验证。

  1. 01

    说明使用体验

    你提供页面与行为

    说明谁会使用、页面显示什么、用户可以完成哪些操作,以及最终应该得到什么结果。有参考或样例时一并提供。

  2. 02

    生成完整项目

    Fillcode 生成代码

    Fillcode 根据需求生成页面、交互逻辑、云函数或它们的组合,并准备对应的 FaaS 运行配置。

  3. 03

    部署并验证

    你检查在线结果

    项目发布到在线地址。打开页面或调用云函数,检查主要流程;结果不符合预期时,继续补充或修改需求。

fillcode / 项目部署

$ fillcode create shipping-quote

01项目:响应式配送报价页面

02正在读取布局、交互和计算规则...

03正在生成页面与云函数...

04✓ 项目已生成

05✓ FaaS 部署完成

页面访问地址

https://npm.run/shipping-quote · https://deno.run/shipping-quote

一个项目,可以直接打开或接入

最终结果可以是页面、工具,也可以是云端服务。

Fillcode 将生成的代码与 FaaS 运行环境一起部署到在线地址。页面项目可在浏览器中直接访问;云函数可供页面或其他应用接入。

  • 项目代码

    根据需求生成页面结构、样式、交互和所需的云端逻辑。

    依据项目需求
  • FaaS 运行环境

    项目运行和部署所需的环境会与代码一起准备。

    准备运行
  • 在线地址

    可以在浏览器打开页面,也可以让其他应用通过地址接入。

    可以使用
  • 验证路径

    按照需求检查主要用户流程、页面状态和输出结果。

    发布前检查

先建立正确预期

生成第一个项目前,值得先确认这些问题。

Fillcode 同时支持页面项目和云函数。需求越清楚,生成结果越容易检查和继续完善。

一份项目需求至少要写什么?

先说明需要页面、云函数,还是二者结合;再描述使用者、内容、主要操作、期望结果和关键状态。不要把密码、Token 或其他敏感凭证写进需求。

什么项目适合第一次尝试?

优先选择目标单一、结果容易验证的页面、交互工具或云函数。介绍页、计算器、格式化工具、数据工具和小型接口都适合作为起点。

页面项目可以使用云函数吗?

可以。页面负责用户在浏览器中看到和操作的部分,云函数处理适合放在云端的逻辑。需求中同时说明用户流程与云端行为即可。

什么情况应该先拆分项目?

如果项目包含很多页面、复杂权限、多个无关流程或长时间运行的任务,建议先拆成几个更小的阶段再生成。

生成的项目可以直接用于生产吗?

应当像检查其他代码一样检查生成结果。正式发布前,需要确认可访问性、行为、权限、数据处理、依赖风险、监控和回滚方案。

带上一个真实项目

把团队接下来需要的页面、工具或云函数发给我们。

说明使用者、主要操作、期望结果和一种关键状态,就足够开始一次具体的 Fillcode 项目讨论。

描述第一个项目