简单使用MCP

简单使用MCP

1 简介

模型上下文协议(Model Context Protocol,MCP)是由Anthropic(产品是Claude)推出的开放协议,它规范了应用程序如何向LLM提供上下文。MCP可帮助你在LLM之上构建代理和复杂的工作流。

从官网上看核心的功能点主要有Server、Resources、Tools、Prompts、Images。

Server的主要功能是通过MCP协议实现服务连接管理、协议合规性验证、消息路由等。

Resources的主要功能是向LLM传递数据,包括本地资源和远程资源等;

Tools的主要功能是向LLM提供函数调用和数据计算等;

Prompts主要功能是帮助LLM有效的与服务交互;

Images主要功能是自动化处理图像;

# 官网地址
https://modelcontextprotocol.io/introduction

# Github地址
https://github.com/modelcontextprotocol

# Python服务
https://github.com/modelcontextprotocol/python-sdk

# Java服务
https://github.com/modelcontextprotocol/java-sdk

# 第三方的MCP
# fastmcp的Github
https://github.com/jlowin/fastmcp

# fastmcp的官网
https://gofastmcp.com/getting-started/welcome

2 简单实现

注意:我没有完全调试起来,感觉MCP还需要继续发展,很多东西都不太完善。

使用pip安装mcp。

pip install "mcp[cli]"

构建mcp服务

mcp_server.py

# server.py
from mcp.server import FastMCP

# Create an MCP server
mcp = FastMCP("Demo")


# Add an addition tool
@mcp.tool()
def add(a: int, b: int) -> int:
    """Add two numbers"""
    return a + b


# Add a dynamic greeting resource
@mcp.resource("greeting://{name}")
def get_greeting(name: str) -> str:
    """Get a personalized greeting"""
    return f"Hello, {name}!"

if __name__ == '__main__':
    mcp.run(transport="sse", host="0.0.0.0", port=8000)

启动服务

mcp dev mcp_server.py

启动后的调试页面

在这里插入图片描述

Browser MCP 是一个极具创新性和实用性的工具,尤其在浏览器端与开发环境的深度集成方面展现出强大的能力。以下是一些实用技巧和使用指南,帮助开发者更高效地利用 Browser MCP。 ### 1. 实时协作与远程开发 Browser MCP 可以通过 MCP 协议实现多人实时协作编程,开发者可以在不同的浏览器中共享代码状态,并实时同步编辑内容。这种模式特别适合远程团队协作或教学场景。例如,多个开发者可以同时查看和修改同一段代码,而所有更改都会即时同步到所有参与者的环境中。 ### 2. 数据捕获与监控 Browser MCP 提供了强大的数据捕获与监控能力,可以用于调试和性能分析。例如,开发者可以捕获浏览器中执行的 JavaScript 代码、网络请求、DOM 操作等信息,从而分析页面行为并优化性能。这种能力可以与 Cursor 等编辑器结合,实现更高效的调试体验。 ### 3. 审计功能 Browser MCP 支持记录操作日志,包括代码修改、执行命令等行为,这使得团队能够进行操作审计。这种功能对于企业级开发尤为重要,可以追踪开发流程中的关键操作,确保代码质量和安全性。 ### 4. 自动化脚本编写 Browser MCP 支持自动化脚本的编写,开发者可以利用其 API 编写脚本,实现自动填充表单、点击按钮、页面导航等操作。例如,以下是一个简单的自动化脚本示例: ```javascript async function autoFillForm() { const form = await mcp.query("form#loginForm"); form.fill({ username: "testUser", password: "testPass" }); form.submit(); } ``` ### 5. 与 Cursor 集成 Browser MCP 可以与 Cursor 编辑器深度集成,提供更流畅的开发体验。通过配置 `browser-tools-mcp` 插件,开发者可以在 Cursor 中直接调用浏览器工具,例如启动 MCP 服务器、执行调试命令等。配置示例如下: ```json "browser-tools-mcp": { "command": "node", "args": [ "d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js" ], "disabled": false, "autoApprove": [] } ``` ### 6. 调试与交互 Browser MCP 支持在浏览器中直接调试代码,开发者可以通过 MCP 协议与浏览器进行交互,查看当前页面的状态、执行自定义脚本或修改 DOM 元素。这种能力使得前端调试变得更加直观和高效。 ### 7. 技术改进与扩展 Browser MCP 的架构支持模块化扩展,开发者可以根据需要添加新的功能模块。例如,可以开发插件来支持特定的框架(如 React、Vue)或集成第三方工具(如 Lighthouse、Selenium)。这种灵活性使得 Browser MCP 可以适应不同的开发需求。 ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值