@ frontmcp/plugin-dashboard
一个 FrontMCP 添加,在浏览器中显示服务器的应用程序,工具,资源和提示,作为图表. 用的时候
你建立一个服务器,看看它的作用。 它有两个部分: DashboardApp,您将添加到 apps 以及哪些
服务于仪表板 DashboardPlugin,它规定了选择。 它运行在FrontMCP的节点HTTP服务器上.
安装
npm install @frontmcp/plugin-dashboard @frontmcp/sdk
需要节点.js 24或后. 保留 @frontmcp/sdk 上.
使用量
添加 DashboardApp 改为 apps注册 DashboardPlugin.init() 用于选择:
import { DashboardApp, DashboardPlugin } from '@frontmcp/plugin-dashboard';
import { App, FrontMcp } from '@frontmcp/sdk';
@App({ id: 'help-desk', name: 'Help Desk' })
class HelpDeskApp {}
@FrontMcp({
info: { name: 'help-desk', version: '1.0.0' },
apps: [HelpDeskApp, DashboardApp],
plugins: [DashboardPlugin.init({ auth: { enabled: true, token: process.env.DASHBOARD_TOKEN } })],
})
export default class Server {}
然后打开 /dashboard 在服务器端口上( u)PORT,其他 3000),以符号为 Authorization: Bearer <token> 或者说
?token=<token>。然后,页面会设置其请求发送的饼干.
GET /dashboard用 HTML 页面加载 React, React Flow 和 微调esm.sh浏览器 需要上网./dashboard也是它自己的MCP端点,有三个工具来描述整个服务器:dashboard:graph, (中文(简体) ),dashboard:list-tools财务报告和审定财务报表dashboard:list-resources。它们没有在服务器主机上列出 终点 页面从他们读取.DashboardPlugin.init()单靠自己一文不值.DashboardApp为仪表板服务,带有默认选项 当没有插件时.- 生产中关闭. 除非你准备好了
enabled仪表板何时打开NODE_ENV没有production,以及 答题404当是. 用于生产,设定enabled: true与auth。 。 。 .
选项
| 选项 | 默认 | 说明 |
|---|---|---|
enabled | 打开,除非 NODE_ENV 实值 production | 服务仪表板. |
basePath | '/dashboard' | 页面所在. |
auth.enabled, (中文(简体) ), auth.token | 关闭 | 需要页面和 MCP 端点的符号,并回答 401 没有它. enabled 无 token 制造 init() 掷出. |
cdn | esm.sh URL( URL) | 页面从 : entrypoint, (中文(简体) ), react, (中文(简体) ), reactDom, (中文(简体) ), reactDomClient, (中文(简体) ), reactJsxRuntime, (中文(简体) ), reactRouter, (中文(简体) ), xyflow, (中文(简体) ), dagre, (中文(简体) ), xyflowCss。 。 。 . |
仪表板的MCP端点先应用服务器自己的认证,再应用仪表板的 auth。在服务器上
使用自己的认证,在 x-frontmcp-dashboard-token 头曰.
适用于整个进程的 Dashboard 选项: 秒 DashboardPlugin.init() 一个不同的 auth 抛出,和
以警告取代每个服务器的第一个.
文档
相关软件包
@frontmcp/sdk: 此加法扩展的框架@frontmcp/plugins:再出口的元包DashboardApp财务报告和审定财务报表DashboardPlugin带有另外三个插件
捐款
资料来源: plugins/plugin-dashboard。 。 。 .
欢迎提出问题和拉动请求;见
捐款额。 。 。 .
许可证
阿帕奇2.0 (英语). 见 自由主义。 。 。 .