MCP服务器与代理AI演示应用

一个基于NestJS的演示应用,用于展示模型上下文协议(MCP)服务器和代理AI技术,包含议程展示、资源管理和响应式UI功能。

  • by subhoney
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 subhoney/mcp-agentic-demo

使用说明

Syniti午餐和学习-MCP服务器和代理AI

用于模型上下文协议(MCP)服务器和代理AI的Syniti午餐和学习会议的NestJS web应用程序。

🚀 特性

  • Syniti品牌的专业欢迎页面
  • 详细的会议议程
  • 关键主题概述
  • 资源科
  • 完全响应式设计
  • 现代、简洁的用户界面,动画流畅

📋 先决条件

在运行此应用程序之前,请确保您已经:

  • Node.js (版本18或更高)
  • npm (附带Node.js)

🛠️ 安装

  1. 安装依赖项:
    npm install
    

▶️ 运行应用程序

开发模式(带自动重新加载)

npm run start:dev

生产模式

# Build the application
npm run build

# Start the production server
npm run start:prod

标准启动

npm start

🌐 访问应用程序

服务器运行后,打开浏览器并导航到:

http://localhost:3000

您应该在控制台中看到一个漂亮的欢迎横幅,并可以在浏览器中访问午餐和学习欢迎页面。

📁 项目结构

mcp-agentic-demo/
├── src/
│   ├── main.ts              # Application entry point
│   ├── app.module.ts        # Root module
│   └── app.controller.ts    # Main controller
├── views/
│   └── index.html           # Welcome page template
├── public/
│   └── styles/
│       └── main.css         # Application styles
├── package.json             # Project dependencies
├── tsconfig.json           # TypeScript configuration
├── nest-cli.json           # NestJS CLI configuration
└── README.md               # This file

🎨 定制

更新议程

编辑 views/index.html 要修改的文件:

  • 会话时间
  • 话题
  • 议程项目
  • 资源

更改样式

编辑 public/styles/main.css 自定义:

  • 颜色(Syniti品牌颜色在CSS变量中)
  • 布局
  • 动画
  • 响应断点

添加新页面

  1. 在中创建一个新的HTML文件 views/ 目录
  2. 在中添加新路线 src/app.controller.ts
  3. 根据需要更新CSS

🧹 可用脚本

  • npm start -启动应用程序
  • npm run start:dev -以自动重新加载的开发模式启动
  • npm run start:prod -以生产模式启动
  • npm run build -构建生产应用程序
  • npm run format -使用Prettier格式化代码

🔧 技术栈

  • 框架: NestJS
  • 运行时间: Node.js
  • 语言: TypeScript
  • 模板引擎: 超文本标记语言
  • 造型: CSS3
  • 包管理器: npm

📝 备注

  • 默认情况下,应用程序在端口3000上运行
  • 所有静态资产均由 public/ 目录
  • 意见由 views/ 目录
  • 安装依赖项后,IDE中显示的TypeScript错误将得到解决

🤝 贡献

这是Syniti午餐和学习课程的演示应用程序。您可以根据演示文稿的需要自由修改和扩展它。

📄 许可证

未经许可-仅供Syniti内部使用


辛蒂 ©2025 |通过创新实现数据卓越