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. 消息宿主

消息导航与通知

消息宿主提供两个宿主级能力:platform:navigation(页面跳转)和 platform:notification(顶部提示)。典型场景:告警卡片上点"查看"跳到驾驶舱,并给用户一个成功提示。清单声明对应权限,代码里 await ctx.capabilities.get(...) 获取并判空。

能力状态#

能力状态API
platform:navigation消息宿主可用open(url, { target })、back()
platform:notification消息宿主可用show({ key, message, intent, durationMs? })
platform:location消息宿主不可用不要在消息页依赖路由感知
行为要点:
open 由主应用统一校验:空 URL 和可执行协议(javascript: 等)被拒绝;target 只能是 self 或 blank。
消息宿主的 back() 直接走浏览器历史。
notification.show 的 intent 支持 info|success|warning|error;durationMs 未传时用宿主默认时长。当前不消费 key 做同 key 覆盖,不要依赖。

可照抄示例#

fh2-plugin.json(节选):
{
  "permissions": ["platform:navigation", "platform:notification"],
  "extensions": [
    { "id": "dispatch-popup", "point": "message.alert-popups" }
  ]
}
// plugin.ts(节选)
export async function activateMessage (ctx) {
  const [navigation, notification] = await Promise.all([
    ctx.capabilities.get('platform:navigation'),
    ctx.capabilities.get('platform:notification'),
  ])

  async function openDispatchedFlight (input: {
    organizationId: string
    projectId: string
    droneSn: string
  }) {
    if (!navigation) throw new Error('当前页面不支持导航')
    const search = new URLSearchParams({
      drone_sn: input.droneSn,
      source: 'dispatch-popup',
    })
    const url = `/organization/${encodeURIComponent(input.organizationId)}`
      + `/project/${encodeURIComponent(input.projectId)}`
      + `/cockpit?${search.toString()}`

    await navigation.open(url, { target: 'blank' })
    await notification?.show({
      key: `dispatch-${input.droneSn}`,
      message: '已在新窗口打开驾驶舱',
      intent: 'success',
      durationMs: 3000,
    })
  }

  await dispatchCardView.handle(ctx, {
    state: dispatchState,
    methods: {
      openCockpit: openDispatchedFlight,
      back: async () => {
        if (navigation) await navigation.back()
      },
    },
  })
}
示例假定 dispatchCardView、dispatchState 已按界面契约定义(见界面与状态),清单中声明了对应界面资源。

注意事项#

新窗口跳转应由用户点击触发,并处理浏览器拦截和调用失败。
导航可能直接卸载消息宿主:跳转后不要继续依赖当前页面或内存状态。
长时提示保存 show() 返回的句柄,状态变化时主动 dispose()。
拿不到导航能力时隐藏跳转入口;拿不到通知能力时改用界面内反馈,不阻断已成功的业务。
不要用 window.location 或宿主路由器绕过能力,也不要把缺失的位置能力当作路由判断来源。

常见问题#

现象原因与处理
新窗口没打开非用户手势触发被浏览器拦截;改成点击回调里调用
跳转后代码报错宿主可能已卸载;open 之后不再操作当前页面状态
提示一直不消失保存句柄并在合适时机 dispose()
想读取当前路由消息宿主没有 platform:location;改由插件后端或消息数据携带上下文
修改于 2026-10-22 07:06:54
上一页
消息告警弹层
下一页
计划库宿主总览
Built with