游戏背景
最近也是参加了一个活动，活动里面组织了一款工程师版本的狼人杀，觉得挺有意思的。由于个人之前没有玩过狼人杀，所以对狼人杀法官的流程不熟悉，但是对不熟悉的东西又很感兴趣，于是想着是否可以通过开发一个类似狼人杀法官台词的页面来辅助玩游戏，那样的话，是不是更有趣呢？
想到这里，说干就干，下面我们就开始吧！
环境准备
这里我们需要用到的主要工具以及资源先提前列举一下：
CodeBuddy IDE 开发工具：更新至最新版，用起来肯定会更好，目前最新版是 0.1.24
工程师版本狼人杀角色介绍：这里我们就直接看工程师版本狼人杀角色介绍就可以了，具体的角色及规则后面后介绍
MCP Server：这里我们需要用到的是腾讯云 EdgeOne ，对应的 MCP Server 就是 EdgeOne Pages MCP Server
既然所有的资源都准备好了，那么下面我们就开始。
狼人杀法官版
由于我对狼人杀不太熟悉，之前也没有太参加过类似的桌游活动，所以说经验欠缺，也不知需要告诉 AI 我们需要什么样的狼人杀。但是我们大概知道我们想要的内容，那就是我想要一个狼人杀类似法官台词流程这样的东西，并且可以交互，可以标记出局人，并且最终可以判定哪一方获胜。
一句话开发狼人杀
这里我们就简单给出我们的需求，然后后面再慢慢补充完善。需求内容：【帮我开发一个狼人杀法官的台词流程页面】输入需求后，CodeBuddy IDE 的 AI 辅助助手会自动帮助我们生成我们需要的内容
等待初版页面生成完成之后，我们可以在本地打开我们的 index.html 页面来查看具体的效果，就像这样
但是这一版是基于传统的狼人杀角色设定来进行的法官台词流程设计的，就像这样
变更工程师狼人杀
通过台词模版我们也可以看出这是传统狼人杀版本的内容，那么这时我们就需要我们来告诉 AI 我们新版的工程师狼人杀的角色定义了。打开我们的狼人杀规则 ppt ，将其中的角色以及技能整理复制到 AI 对话框中，
替换狼人杀中的角色为新版的角色，包括以下角色名称及技能：
架构师：每天晚上可以查验一个人的身份是好人还是黑客；
运维工程师：可以救人也可以毒人，救人或者毒人都只能使用一次；可以自己救自己；
测试工程师：被投票出局的时候可以带走一人，被运维毒死了就不能使用这个技能；
开发工程师：每天晚上都可以守护一个人，连续两晚不能守护同一个人；
实习生：无特殊技能；
黑客：每天晚上可以联合杀死一个人；同时被投票出局的时候可以带走一个人；
项目经理：可以决定晨会的发言顺序；投票出局的时候拥有1.5倍的投票权；
其中：项目经理不是初始的身份牌，是第一天晚上结束以后大家举手竞选产生。项目经理投票或者被杀死出局后，可以制定继任者，也可以注销该职位。
获胜规则：
好人阵营获胜：包括正职员工（神）和实习生（平民），获胜条件为所有黑客出局。正职员工和实习生的区别在于正职员工有特殊技能，实习生没有技能。
坏人阵营获胜：所有正职员工出局或者所有实习生出局。
等待工程师版本狼人杀角色替换之后，在本地打开页面后，就可以看到如下的游戏页面了
这里就是我们新版的工程师狼人杀角色介绍信息。
本地测试
这里我们直接点击【开始游戏】但是却看不到具体的进入下一夜的按钮了，应该是上面替换角色的时候弄丢了
这里我们就需要在游戏页面增加【进入下一夜】的按钮，毕竟游戏不可能一轮就定胜负的，输入我们的需求【目前缺少进入下一夜按钮，补充进入下一夜功能及逻辑】
等待补充了【进入下一夜】按钮之后，后面就方便我们进行每一轮的游戏了。
游戏优化
作为法官的话，我们当然想要知道每一个号码对应的角色，那么这时我们就可以考虑让在每一个编号框内增加一个可以指定身份的输入框或者展示身份的地方，
再次输入我们的需求，在玩家编号部分展示当前玩家编号的身份信息，输入我们的需求【在玩家编号旁边展示玩家的身份信息】
在指定玩家信息之后，我们可以测试一下我们的游戏效果是否满足合理的结果，这时标记四名黑客死亡，理论上应该是好人获胜，但是此时系统并没有判定好人获胜，那么此时的获胜判断是有误的，需要再次让 AI 协助我们处理
此时我们可以将我们判定有误的结果放入 AI 对话框，让 AI 来帮助我们梳理获胜判定失败的问题
在经过 AI 的修复后，我们可以看到我们的判定成功了
这个时候为了确定整个流程的闭环，我们来尝试一下让坏人获胜，看系统是否可以正确的判定，点击上面的【重新开始】开始新一轮游戏，并标记 【所有正职员工出局或者所有实习生出局】，下面来看看测试效果吧
像上图的结果，应该是触发坏人阵营的获胜条件【所有正职员工出局或者所有实习生出局】，可能 AI 不太明白什么是正职员工，那么这里我们就明确以下好人获胜的条件，截图展示错误结果的图片以及描述内容【当前页面应该是坏人阵营获胜，坏人阵营获胜条件为：所有正职员工（架构师、运维工程师、测试工程师、开发工程师）出局或者所有实习生出局】
等待 AI 对我们的代码修复完成之后，我们再次在页面尝试看一下效果是否满足预期的结果，下图的效果就是满足我们预期的判定结果
到这里，我们的工程师狼人杀法官版台词流程系统就算开发完了，下面我们就可以将我们的系统部署到腾讯云 EdgeOne 来提供一个公共的访问链接，方便大家在玩耍的时候可以作为参考。
EdgeOne
腾讯云 EdgeOne，也就是 边缘安全加速平台 EO（Tencent Cloud EdgeOne）是国内首款基于全新架构的真正一体化的边缘安全加速平台。提供全面的安全防护、网络 &应用性能加速、领先的[边缘计算]和完善的监控运营分析能力。涵盖四大板块的技术解决方案
免费内测
为了让更多的企业和开发者也能体验到腾讯云 EO 带来的企业[网站加速]和安全防护功能，腾讯云 EO 官方推出了免费套餐内测活动，希望能为初创期开发者、非盈利项目、技术验证等场景给予长期扶持计划，以技术普惠的形式为大家提供从 0 到 1 ****的成长助力，与大家共同见证创新火花的绽放。
兑换码获取方式除了官方提供的两种方式之外，还有一种获取方式在文末说明。获取了兑换码之后，我们就可以登录我们的腾讯云 EO 控制台来对话免费 EO 套餐了。控制台地址：console.cloud.tencent.com/edgeone/pac… 选择【计费管理】-【套餐管理】-【兑换套餐】
部署网页我们需要用到 EdgeOne Pages ，那么什么是 EdgeOne Pages ？
EdgeOne Pages
EdgeOne Pages 是基于 Tencent EdgeOne 基础设施打造的前端开发和部署平台，专为现代 Web 开发设计，帮助开发者快速构建、部署静态站点和无服务器应用。通过集成边缘函数能力，实现高效的内容交付和动态功能扩展，支持全球用户的快速访问。
EdgeOne 主要为用户提供 DDoS 防护、 CC 攻击防护、Web 防护、Bot 管理、CDN、静态内容加速、动静态混合智能加速、边缘函数、四层代理、DNS 解析等丰富能力
EdgeOne Pages Deploy MCP
EdgeOne Pages Deploy MCP 是一项专用服务，能够将 Web 静态资源内容快速部署到 EdgeOne Pages 并生成公开访问链接。这使我们能够立即预览和分享 AI 生成的网页内容或项目构建后的产物。架构图如下
Pages MCP Server 目前支持多种配置方式，最常用就是通过在支持 MCP Server 配置的应用中添加几行简单配置，
{
"mcpServers": {
"edgeone-pages-mcp-server": {
"command": "npx",
"args": ["edgeone-pages-mcp"],
"env": {
// 可选。如果将文件夹或压缩文件部署到EdgeOne Pages项目
// 请提供您的EdgeOne Pages API令牌。
// 如何获取API令牌：https://edgeone.ai/document/177158578324279296
"EDGEONE_PAGES_API_TOKEN": "",
// 可选。留空以创建新的EdgeOne Pages项目。
// 提供项目名称以更新现有项目。
"EDGEONE_PAGES_PROJECT_NAME": ""
}
}
}
}
或者通过通过 SSE URL 连接服务
复制 MCP 广场的通过 SSE URL 连接服务 的配置方式
{
"mcpServers": {
"edgeone-pages-mcp": {
"type": "sse",
"url": "https://mcp-api.tencent-cloud.com/sse/a111111111ee1"
}
}
}
配置完成后我们就可以将我们的工程师狼人杀部署到 EdgeOne Pages 从而方便访问，
等待部署成功后我们就可以直接访问我们的预览链接了：langrensha-2bseqdix.edgeone.run?eo_token=4d18898256f36faf53aebe3d76cd51b0&eo_time=1756082648
登录腾讯云 EdgeOne 控制台可以看到我们的项目信息及预览地址，需要说明的是默认域名有效期是 3 个小时，需要绑定有效域名后才可以永久访问
最终我们预览的工程师狼人杀的效果就像这样
当然我们除了可以部署到腾讯云 EdgeOne ，我们也可以直接在 CodeBuddy IDE 选择发布，将我们的工程师狼人杀发布到腾讯云 Cloud Studio，目前通过 CodeBuddy IDE 发布到 Cloud Studio 的项目，无需开通 Cloud Studio 帐号，直接发布到公共帐号空间
在这里点击 【Deploy】后，AI 会自动执行发布我们的工程师版本狼人杀到 Cloud Studio 项目空间的操作，等待发布成功获取访问链接就可以了 5186231d38804a62bafa8a0e9ab7e8fa.ap-singapore.myide.io
最后总结
本文通过利用 AI 辅助工具快速构建工程师版本狼人杀法官流程系统（源码地址：cnb.cool/LYDY-2025/l…。）。首先介绍了项目背景——在活动中接触到工程师版狼人杀后，希望为不熟悉游戏流程的玩家开发一个辅助工具。通过 CodeBuddy IDE 和预设的狼人杀角色数据，快速生成了初始版本的法官台词流程页面。
随后重点描述了版本迭代过程：将传统狼人杀角色替换为工程师特色角色（架构师、运维工程师、黑客等），并增加了夜间行动按钮、身份展示功能和胜负判定逻辑优化。通过多次与 AI 交互调试，最终实现了符合特殊获胜条件（正职员工/实习生出局或黑客全灭）的判定系统。
最后展示了部署环节：利用腾讯云 EdgeOne Pages 的 MCP 服务，通过简单配置将项目部署至边缘节点，生成可公开访问的链接。最终完成的系统不仅保留了狼人杀核心流程，还融入了工程师职业特性，实现了开发初衷。
部署前端页面到腾讯云 EdgeOne 支持多种方式，上文提到的通过 EdgeOne Pages MCP Server 部署的操作只是其中的一种，我们还可以通过“导入 Git 仓库”、“从模板开始”或“直接上传”三种方式来创建项目，可以完全适配中小企业现在的前端页面项目部署操作。
在为域名绑定[网站安全加速]后，我们可以在域名配置的详情下设置具体的边缘加速、边缘安全、边缘媒体、边缘开发四大板块的具体内容，从而为企业客户多样化的业务内容提供高效的加速服务，通过分布式架构为业务提供 DDoS/WAF/Bot/ 速率限制等全面的安全防护能力，为企业客户提供常态化防护，通过边缘视频即时处理，用户上传视频至 VOD 源站后，无需在源站中等待视频转码处理，即可让用户在秒级内观看到即时转码处理后的多码率视频，同时可在边缘节点内让用户完成网站 Web 页面开发，允许开发人员能够快速构建和部署静态站点和 [Serverless] 应用程序，简化服务部署流程和服务器管理成本，提供性能卓越的网站体验。
叮咚
目前 EdgeOne 免费套餐仍在内测中，中国站可以通过兑换码获取免费套餐，欢迎大家关注我获取兑换码；国际站无需兑换码，可以直接参与[Speed Test to Grab More EdgeOneFree Plans] cloud.tencent.com/developer/t…
