1. AI辅助开发
插件化手册
  • FH2 插件开发手册
    • 产品简介
    • 典型场景
    • 发版说明
    • 快速开始
      • 快速开始总览
      • 第一个插件
      • 后端插件
      • 全栈闭环
    • AI辅助开发
      • AI 开发 Skill
      • 安装与复验
      • 第一个工程
      • 真实需求示例:现场问题上报
      • 改造已有工程
      • 调试与交付
    • 开发指南
      • 开发指南
      • 基础概念
        • 基础概念总览
        • 什么是插件开发
        • 平台架构
        • 前端宿主、扩展点与能力
        • 后端运行时、入口与权限
        • 开发流程
        • 安全与隔离
        • 支持范围与问题反馈
      • 开发指南
        • 开发指南总览
        • 前端插件
          • 前端插件深度指南
          • 前端工程结构
          • 插件清单(fh2-plugin.json)
          • 入口与生命周期
          • 界面与状态
          • 多宿主插件
          • 跨宿主通信服务
          • HTTP、WebSocket 与事件
          • 存储、Blob 与定时器
          • 工具链与本地调试页面
        • 后端插件
          • 后端开发深度指南
          • 后端插件的结构
          • 后端源清单 fh2-plugin.json
          • HTTP 接口处理函数
          • 消息订阅与事件处理函数
          • ctx 与能力注入
          • 数据存储与缓存
          • 流程编排
          • 触发方式
          • 连接外部系统
          • 流程编排练习(DAG)
        • 前后端协作
          • 前后端协作总览
          • 前后端共享契约
          • 端到端幂等
          • 事件、通知与状态
          • 统一错误模型
          • 链路标识与诊断日志
        • 完整练习
          • 环境准备
          • 第一个前端插件
          • 第一个后端插件
          • 第一个全栈插件
      • 能力总览
        • 能力地图
        • 能力可用性矩阵
        • 前端能力
          • 平台通用能力
            • 平台通用能力总览
            • 基础运行时:HTTP、事件、WebSocket 与存储
            • 导航、位置与通知
            • 弹窗、音频与剪贴板
            • 地图能力
            • 项目设备能力
            • WPMZ 与航线预览
            • 受控对象上传
          • 项目宿主
            • 项目宿主总览
            • 项目上下文
            • 项目侧边栏入口
            • 项目插件路由
            • 项目工作区
          • 消息宿主
            • 消息宿主总览
            • 消息告警弹层
            • 消息导航与通知
          • 计划库宿主
            • 计划库宿主总览
            • 计划库表单上下文
            • 计划库表单扩展
            • 校验、提交与 `biz_ext`
          • 驾驶舱
            • 驾驶舱插件能力总览
            • 驾驶舱扩展点
            • 上下文与遥测
            • 相机、检测与 AI
            • 场景几何与直播指针
            • 飞控、云台与任务
            • 驾驶舱平台事件
        • 后端能力
          • 后端能力地图
          • 后端能力总览
          • 配置、受管出网与集成连接
          • 事件与流程
          • 飞行任务与违停巡逻
          • 数据存储
          • 媒体与前端通知
          • 资源租约
          • 作业、目标轨迹与视频处理
      • 调试与测试
        • 调试与测试总览
        • 快速入门排错
        • 本地开发
        • Web IDE:打开工程与保存改动
        • 工作流编辑器:节点、接线与交付
        • 知识与 MCP:先判断需要哪一层事实
        • 前端本地调试
        • 后端运行时与流程调试
        • 模拟数据与测试数据
        • 集成测试与 E2E
        • 日志与链路追踪
        • 常见问题排查
      • 完整示例
        • 示例与案例总览
        • 项目侧边栏与工作区
        • 消息告警卡片
        • 计划表单任务清单
        • 驾驶舱动作与左侧面板
        • 最小后端插件
        • 最小全栈插件
        • 多宿主插件实战
        • 事故快处
        • 交通抓拍
        • 违停巡逻完整案例
      • 构建发布与安全
        • 构建、发布与安全
        • 质量门禁
        • 行业包构建与打包
        • 能力版本发布
        • 安装、升级与回滚
        • 安全基线
      • API参考
        • API 参考总览
        • 前端
          • 前端 API 参考
          • 前端插件清单结构
          • 前端 SDK API
          • 前端扩展点目录
          • 前端能力目录
          • 前端平台事件目录
          • 跨宿主通信服务 API
          • 工具链命令行参考(`fh2-plugin`)
        • 后端
          • 后端 API 参考
          • 后端插件源清单
          • 后端 HTTP 接口参考
          • 后端事件消费参考
          • 后端脚本上下文(`ctx`)
          • 后端数据存储
          • 流程编排语言
          • 流程触发器参考
          • 后端能力目录
          • 后端 HTTP API
        • 共享契约
          • 共享契约参考
          • 类型与契约目录
          • 错误模型
          • 版本兼容性
      • 附录
        • 错误码
        • 术语表
        • 常见问题
  1. AI辅助开发

第一个工程

用一个完整工作区跑通“描述 → 澄清 → 确认 → 执行 → 验证”。
完整 Capability 模板包含两个前端成员和一个后端成员:hello 是按钮加计数面板的最小示例,issue 是列表加弹窗的示例。先跑通模板,再改一处行为。

1. 创建工程#

用 fh2-plugin-dev 帮我建一个完整的 Capability 工作区,目录放在 <我的目录>。
先看一眼环境,缺什么就问我,把方案讲清楚;我确认之前别创建、也别装依赖。
AI 通常会问:工程放在哪、用哪个包管理器、第一版是否需要后端。回答后它会给出方案:目录、成员、要执行的命令和影响范围。
确认时可以直接说:
方案可以,就按这个来:在空目录里创建、装依赖,然后跑生成、校验、测试和构建。
模板成员先别动,业务代码也先别改。

2. 确认模板可运行#

AI 依次执行:
步骤目的
create生成工作区
安装依赖拉取模板依赖
generate生成插件类型
validate校验清单
test / build跑模板测试和构建
这一步只看模板是否正常。有报错先修模板,不要靠改业务代码绕过。
工作区大致结构:
<工作区>/
|-- packages.json          # 上传清单
`-- <Capability ID>/
    |-- capabilities.json  # 能力元数据
    |-- frontend/          # hello、issue 成员
    `-- backend/           # 后端成员

3. 改一处行为#

把 hello 面板改成一个“巡检计数”:显示当前次数,加一个重置按钮,数到 5 的时候给个提示。
次数先放在面板内存里,不接后端。
先告诉我你打算改哪几个文件,我确认了你再动手。
AI 应说明改哪些文件、怎么接状态、补哪些测试。实现后重新运行生成、校验、测试和构建。

4. 本地看效果(可选)#

可以起本地 dev 了,帮我验证打开面板、计数和重置这三件事,做完把服务停掉。
在驾驶舱里打开 hello 面板确认交互。看不到面板时,先检查入口和成员是否启用。

完成标准#

创建和修改的文件清单
生成、校验、测试、构建的实际结果
页面行为是谁验证的(AI 或你)
未做的部分:后端持久化、真实设备、部署
下一步:真实需求示例 或 调试与交付。
修改于 2026-10-25 08:35:27
上一页
安装与复验
下一页
真实需求示例:现场问题上报
Built with