当前位置: 首页 > news >正文

快速搞定Dify+Chrome MCP:打造能操作网页的AI助手

你是否想过让AI不仅能回答问题,还能直接操作浏览器帮你做事?比如自动填写网页表单、抓取特定数据、或者点击按钮?现在,通过Dify和Chrome MCP的结合,你可以在3分钟内搭建一个能真正"动手"操作网页的AI助手。

本文将手把手教你如何在本地部署Dify并配置Chrome MCP服务器,打造你的私人网页自动化助手。

准备工作:确保你的环境就绪
在开始前,请确保你的系统已安装:

Docker 和 Docker Compose(用于快速部署Dify)
Node.js 18+(用于运行Chrome MCP服务器)
Git(用于克隆项目仓库)
第一步:快速部署Dify(仅需1分钟)
Dify是一个强大的LLM应用开发平台,我们通过Docker快速部署:

创建项目目录

mkdir dify-chrome-mcp && cd dify-chrome-mcp

下载Docker部署配置

curl -o docker-compose.yml https://raw.githubusercontent.com/langgenius/dify/main/docker/docker-compose.yml

启动Dify服务

docker-compose up -d
等待1分钟左右,访问 http://localhost:80 就能看到Dify管理界面。首次使用需要创建账号并完成初始化设置。

第二步:安装Chrome MCP服务器(1分钟)
打开新的终端窗口,安装并启动Chrome MCP服务器:

安装Chrome MCP服务器

npm install -g @modelcontextprotocol/server-chrome

启动Chrome MCP服务(会自动打开Chrome浏览器)

server-chrome
服务启动后,你会看到类似下面的输出,表示MCP服务器正在9999端口监听:

Server running on http://localhost:9999
Chrome browser launched and connected successfully
第三步:在Dify中配置Chrome MCP(1分钟)
现在回到Dify管理界面,进行关键配置:

进入设置 > 模型供应商 > MCP服务器
点击添加MCP服务器
填写配置信息:
服务器名称: Chrome-Automation
服务器URL: http://localhost:9999
点击验证并保存,看到绿色成功提示
效果验证:让AI帮你操作网页
配置完成后,你就可以在Dify的Playground中测试你的网页自动化AI助手了。

试试这些实用场景:

场景1:自动网页搜索
请打开百度首页,在搜索框中输入"最新AI技术发展",点击搜索按钮,然后告诉我第一页的搜索结果标题。
场景2:自动填写表单
请打开https://example.com/contact页面,在姓名栏填写"张三",邮箱栏填写"zhangsan@email.com",在留言区填写"咨询产品信息",然后点击提交按钮。
场景3:数据抓取与分析
请打开https://news.example.com/technology页面,抓取所有新闻标题和发布时间,然后分析今天最热门的技术话题是什么。
工作原理:为什么这很厉害?
这个组合的厉害之处在于分工明确:

Dify:负责与LLM对话,理解你的自然语言指令,并将其分解成具体的浏览器操作步骤
Chrome MCP服务器:负责实际控制Chrome浏览器,执行具体的网页操作命令
LLM(大语言模型):作为大脑,理解你的意图并规划操作流程
常见问题排查
Chrome无法启动:确保系统已安装Chrome浏览器,或者指定Chrome路径:CHROME_PATH=/path/to/chrome server-chrome

连接失败:检查Dify和Chrome MCP服务器是否在同一个网络环境下,防火墙是否允许9999端口通信

操作超时:复杂网页加载需要时间,可以增加超时设置:server-chrome --timeout=60000

权限问题:在MacOS/Linux上可能需要权限:sudo npm install -g @modelcontextprotocol/server-chrome

进阶使用技巧
掌握了基础用法后,你还可以尝试这些高级功能:

多页面管理:同时控制多个浏览器标签页,完成更复杂的任务
用户身份保存:让AI记住登录状态,下次直接操作无需重新登录
定时任务:结合Dify的工作流功能,设置定时自动化任务
异常处理:教会AI识别操作失败的情况并自动尝试替代方案

人工智能技术学习交流群

image

推荐学习

image

行业首个「知识图谱+测试开发」深度整合课程【人工智能测试开发训练营】,赠送智能体工具。提供企业级解决方案,人工智能的管理平台部署,实现智能化测试,落地大模型,实现从传统手工转向用AI和自动化来实现测试,提升效率和质量。

总结:你现在拥有了什么?
通过这个3分钟搭建的系统,你获得了一个能够:

✅ 用自然语言指挥的网页自动化助手
✅ 自动完成重复性的网页操作任务
✅ 抓取和分析网页数据的智能代理
✅ 7×24小时待命的数字员工
无论是自动填表、数据监控、内容抓取还是网页测试,这个Dify+Chrome MCP组合都能帮你自动化完成。最重要的是,这一切都不需要你编写复杂的代码——只需要用自然语言告诉AI你想要做什么。

现在就开始你的网页自动化之旅吧!

http://www.wxhsa.cn/company.asp?id=4705

相关文章:

  • HCIP——RSTP
  • ORA-01555系列:三、ORA-01555总结与高级优化建议
  • Unstable Twin - TryHackMe
  • 单片机实现挡位调节
  • 完整教程:从 WildCard 野卡到 gptplus.plus:一次解决 OpenAI 支付难题的实战复盘,轻松搞定Gpt充值
  • 阿里 Qoder 新升级,Repo Wiki 支持共享、编辑和导出
  • 长城杯WriteUp
  • vite取别名@
  • JavaScript数据网格方案AG Grid 34.2 发布:更灵活的数据结构、更流畅的大数据交互与全新 UI 体验
  • BOE(京东方)IPC电竞嘉年华盛典圆满收官 第三届无畏杯总决赛引领电竞生态发展热潮
  • P1886 滑动窗口 /【模板】单调队列
  • kingbase金仓数据库docker部署完整步骤
  • glTF/glb功能、应用和 5 个基本最佳实践
  • AI 应用开发,不就是调个接口么?
  • 95.费解的开关
  • godot4人物移动一段距离后随机旋转代码,(死循环)
  • Spotify 音乐ML练习数据集含158 个特征,11
  • abc423
  • AI辅助分析HP DL360 GEN7 服务器安装USB3扩展卡
  • 最新药物数据集下载:来自Drugs
  • 【VPX361】基于3U VPX总线架构的XCZU47DR射频收发子模块
  • 自动驾驶ADAS数据集 13万张高清道路车辆识别图像 覆盖多场景智能交通应用 支持目标检测图像识别模型训练与AI视觉算法开发
  • Norwood-Hamilton男性脱发分级图像集|2400+张多角度高清头皮图像|涵盖7类脱发诊断标注|适用于AI诊断工具开发、皮肤科研究与植发产品研发|包含5角度标准化拍摄、支持秃顶早期检测
  • AI生成文本检测数据集:基于不平衡数据集(人类94% vs AI 6%)的高效机器学习模型训练,涵盖ChatGPT、Gemini等LLM生成内容
  • 400小时大规模南昌方言数据集助力方言保护、AI语音识别技术开发与文化传承研究,覆盖多样化场景与说话者,专业采集高质量音频与文本标注,支持深度学习、语音模型训练、方言教学工具及本地化智能语音交互应用
  • 350+张高清晰度冲积土、黑土、煤渣土、红土四类土壤类型图像资源 ,专为计算机视觉算法训练与地球科学研究设计,支持精准农业土壤识别、地质勘探辅助分析及环境监测应用,提升土壤分类模型准确性
  • 200 万份脑部 MRI 扫描 + 放射科报告数据集:DICOM 格式高分辨率影像,覆盖 50+ 脑部病理(脑肿瘤、神经退行性疾病、多发性硬化症等),支持 AI 病理识别 _ 分类 _ 分割
  • 30万份行业报告数据集:覆盖金融科技医疗能源等20+行业领域,2010-2024年完整时间跨度,提供高质量PDF和文本格式,支持深度学习模型训练、行业趋势分析、市场竞争研究、学术论文写作的多场景应用
  • 23,463张无人机和卫星图像高质量标注,覆盖20个类别包括港口船舶车辆飞机,支持YOLO和VOC格式,专为深度学习目标检测算法优化,训练集验证集均衡划分提升模型鲁棒性,填补小目标检测数据空白
  • 阶跃星辰开源Step-Video-T2V模型:300亿参数打造高保真视频生成新标杆