你好，我是山茶，外企独角兽程序员，正在和 1000+ 朋友一起探索AI和副业中。
端午节快要到了，准备回家过一下端午。但是买票让我犯了难了，一到节假日可能就会有车次的调整，所以准备弄个实时监控12306车票的网站
话不多说，先上结果图
下载并安装运行12306MCP
按照魔塔社区的MCP文档MCP - 12306-MCP车票查询工具进行设置即可
因为我们今天需要做的是网页版网站，不需要太多涉及后端的内容，所以我们直接就选择一个国内常用前端开发工程师的案例既可
git clone https://github.com/Joooook/12306-mcp.gitnpm inpm run buildnode ./build/index.js
如图所示表示12306MCP运行成功
接下来我们开始进行cursor中配置MCP啦！
cursor配置12306MCP
找到右上角的设置小齿轮，进入后找到 MCP ,点击Add new global MCP server ， 然后按照下面的json格式进行添加
直接拷贝下面的json既可，如果存在多个就在mcpServers添加多个，如下图所示
{ "mcpServers": { "12306-mcp": { "command": "npx", "args": [ "-y", "12306-mcp" ] } } }
开始使用，构建实时监控
请使用 12306MCP ，帮我查询2025年5月28日，哈尔滨-齐齐哈尔的所有车次信息，并且按照上午、下午、晚上时间段进行划分
下面是我查询的数据结果，如果不放心可以在12306app上在查询对比一下
说的是实时监控页面，那么我们就把它搞成实时监控来看一下，同时做成网页以及增加对应的最短路程和中转方案
需要变成实时监控，每隔5分钟就采集一次数据，并且将数据构建成网页形式。网页形式能让用户感觉到实时监控更新变化，每采集更新一次数据对应色块发生一次颜色变化。同时增加最短时间路程方案以及中转换乘方案。
结果很不错，完全实现了我们的想法💡，你也试试呢！还可以加上飞机火车一起监控的场景，多个mcp实现功能！
