1. 快速开始
插件化手册
  • 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. 快速开始

全栈闭环

目标是跑通一次真实的最小业务:面板提交 → 调后端接口 → 写进本地后端存储 → 刷新后还能读回来。
模板自带的 hello 和现场问题面板只把状态放在内存里,刷新就回到初始值。这条路线换成有后端的工程:按最小全栈示例新建 exp_issue_demo,四个后端接口、schema.sql 和前端入口都由那一页给出,这里不重复代码。

1. 建工程,接上后端#

在确认为空的目标目录执行 fh2-plugin create,选「0=完整能力工作区」,工作区目录填 exp_issue_demo,包管理器选 pnpm 并立即安装。
再按最小全栈示例的「工程结构」一节替换后端 handlers/issue/*.ts 和 schema.sql,以及前端清单与入口。换完执行:
两条都通过,说明清单、接口和界面代码对得上。前端调用时 pluginId 写 exp_issue_demo_backend——写前端自己的 ID 会得到 PLUGIN_NOT_FOUND。

2. 跑起来,提交一条#

打开终端打印的地址进入驾驶舱,找到「现场问题」面板,新建一条问题(标题必填,描述可选),列表里应出现它,状态为待处理。

3. 刷新,确认读回#

刷新浏览器页面再打开面板,刚才那条还在。停掉 pnpm run dev 再启动,记录回到初始数据——本地后端是进程内存储,这一步证明的是"数据不在浏览器内存里",不是生产持久化。

4. 验两件事#

标题留空时提交:面板给出错误提示或不允许提交,但不会出现空标题记录。
用同一业务键再提交一次:列表里不出现第二条,写法见端到端幂等。

5. 打包#

停掉 dev 进程,在工作区根执行:
终端最后打印 UPLOAD_READY 和 ZIP 路径,这就是可以上传的安装包。包结构见行业包构建与打包,上传、安装和回滚见安装、升级与回滚。

6. 自查#

前端清单声明了 platform:http。
pluginId 使用后端插件 ID。
只有入口代码调用 ctx.apiCall,界面通过契约方法取数据。
创建、列表、缺字段失败、重复提交都验证过。
pnpm run pack 产出 ZIP,终端有 UPLOAD_READY。
知道本地进程内存不等于生产持久化;真实存储和目标网关需在目标环境验证。

下一步#

完整代码:最小全栈示例。
契约、幂等、错误和追踪:前后端协作。
目标环境验证:本地开发。
修改于 2026-10-26 07:15:37
上一页
后端插件
下一页
AI 开发 Skill
Built with