轻量页面
生成产品介绍、活动信息、结果展示等目标明确的单页项目,部署后可以直接通过地址分享。
例如:发布一个适配手机和电脑的配送说明页。
适合先做的项目
先从结果清楚的小项目开始
说明用户要看到什么、完成什么操作,项目需要哪些逻辑,以及怎样算完成。Fillcode 可以把这些内容生成并部署为可直接打开和验证的 FaaS 项目。
生成产品介绍、活动信息、结果展示等目标明确的单页项目,部署后可以直接通过地址分享。
例如:发布一个适配手机和电脑的配送说明页。
构建计算器、转换器、格式化工具、查询工具和表单,明确输入、操作与结果。
例如:根据重量、目的地和服务等级计算配送报价。
生成用于 Webhook、字段校验、服务接入或 HTTP 调用的云端逻辑,可供页面或其他应用使用。
例如:把多个支付渠道的回调整理成同一种订单事件。
把数据清洗、字段转换、过滤和可复用的处理规则生成并部署为云端项目。
例如:把页面中粘贴的 CSV 数据整理成统一记录。
一个可以直接打开和测试的页面项目
有效的页面需求会明确布局、输入项、交互、结果和关键状态。Fillcode 把页面与所需的云端逻辑作为一个项目生成。
项目需求
page: 配送报价
layout: 响应式单页
fields: 重量、目的地、服务等级
action: 计算并展示报价
states: 空白、输入错误、结果生成结果
✓ 响应式页面
✓ 表单交互
✓ 报价计算函数
✓ FaaS 部署完成页面访问地址
https://npm.run/shipping-quote · https://deno.run/shipping-quote
先说明页面与行为,再生成项目需要的页面和云端逻辑,最后打开部署结果,按真实用户路径完成验证。
你提供页面与行为
说明谁会使用、页面显示什么、用户可以完成哪些操作,以及最终应该得到什么结果。有参考或样例时一并提供。
Fillcode 生成代码
Fillcode 根据需求生成页面、交互逻辑、云函数或它们的组合,并准备对应的 FaaS 运行配置。
你检查在线结果
项目发布到在线地址。打开页面或调用云函数,检查主要流程;结果不符合预期时,继续补充或修改需求。
$ fillcode create shipping-quote
01项目:响应式配送报价页面
02正在读取布局、交互和计算规则...
03正在生成页面与云函数...
04✓ 项目已生成
05✓ FaaS 部署完成
页面访问地址
https://npm.run/shipping-quote · https://deno.run/shipping-quote
一个项目,可以直接打开或接入
Fillcode 将生成的代码与 FaaS 运行环境一起部署到在线地址。页面项目可在浏览器中直接访问;云函数可供页面或其他应用接入。
根据需求生成页面结构、样式、交互和所需的云端逻辑。
项目运行和部署所需的环境会与代码一起准备。
可以在浏览器打开页面,也可以让其他应用通过地址接入。
按照需求检查主要用户流程、页面状态和输出结果。
先建立正确预期
Fillcode 同时支持页面项目和云函数。需求越清楚,生成结果越容易检查和继续完善。
先说明需要页面、云函数,还是二者结合;再描述使用者、内容、主要操作、期望结果和关键状态。不要把密码、Token 或其他敏感凭证写进需求。
优先选择目标单一、结果容易验证的页面、交互工具或云函数。介绍页、计算器、格式化工具、数据工具和小型接口都适合作为起点。
可以。页面负责用户在浏览器中看到和操作的部分,云函数处理适合放在云端的逻辑。需求中同时说明用户流程与云端行为即可。
如果项目包含很多页面、复杂权限、多个无关流程或长时间运行的任务,建议先拆成几个更小的阶段再生成。
应当像检查其他代码一样检查生成结果。正式发布前,需要确认可访问性、行为、权限、数据处理、依赖风险、监控和回滚方案。
带上一个真实项目
说明使用者、主要操作、期望结果和一种关键状态,就足够开始一次具体的 Fillcode 项目讨论。