跳转到正文

Webspace 应用篇

与其阅读概念,不如亲手制作一个,这样能更快理解 WebSpace。应用篇介绍下载并部署架构文件,再与网页页面连接,最终完成实际用户可用服务的过程。


示例 1. 打造自己的业务系统

只要向 AI 说明需求,就能从数据库设计到实际页面全部生成。打造自己的业务系统以库存管理系统为例,原样展示输入提示词后实际生成了什么。

库存管理系统的零件状态页面。表格中填有实际登记的零件代码、库存数量和安全库存

示例 2. 实时五子棋游戏

在制作实时五子棋游戏中,先运行已完成的文件,再逐一确认以下功能在游戏中是如何运作的。

  • 两名用户的 WebSocket 连接与加入房间
  • 由服务器判定的回合、落子与限时
  • 保存对局记录并计算胜·负·平分数
  • 通过 REST API 加载的最近记录和排名
  • 边看同一文档边对话的协作功能

SetFN WebSpace 实时五子棋对局页面

可以直接看到房间代码生成、朋友的棋子落在自己的页面上、胜利和排名被记录下来的过程。虽然从五子棋开始,但同样的结构可以改成问答、共同种植、回合制游戏和现场进度板。

示例 3. 文件夹文件资料公告板

在用文件夹文件搭建资料公告板中,将 books/guide 文件夹中的 Markdown 文档和图片加载为 JSON 列表,并显示所选文件的内容。

示例 4. 共同怪物团战

在搭建多人协同怪物讨伐中,使用 shared-resource 处理器将多名成员的攻击反映到同一个怪物的血量上。服务器一并处理血量、行动历史和个人奖励,并通过 WebSocket 发送确定的结果。

示例 5. AI 咨询聊天

在部署 AI 咨询聊天示例中,使用管理员已注册的模型和 Agent 流水线部署 chat.html 咨询示例。

开始之前

  • 需要拥有部署架构和 API 的权限。
  • 实际对局测试需要两个不同的成员账户。
  • 一开始建议使用无需单独 DB 服务器的 SQLite3。

如果先阅读了创建架构文件(.sfn),就能更轻松地修改示例的结构。