【Deepseek+Browser-Use搭建 Web UI自动化】

参考文档:browser-use WebUI + DeepSeek V3 把浏览器整成自动化了!_browser use webui 执行run agent chrome没出来-CSDN博客

1、

安装完成:

三、安装步骤(适用于macOs、windows、linux)

1、拉取WebUI项目

git clone https://github.com/browser-use/web-ui.git
cd web-ui

2、创建并激活python虚拟环境

下载,并安装python3.11环境,必须是3.11及以上,否则会报错提示不适配

下载地址:Python Releases for Windows | Python.org

安装方式:【Python学习之环境搭建详细教程--Windows系统】_window python 环境部署-CSDN博客

3、安装项目依赖

# 安装Browser-Use
pip install browser-use -i https://pypi.tuna.tsinghua.edu.cn/simple

# 安装Playwright
pip install playwright -i https://pypi.tuna.tsinghua.edu.cn/simple


# 安装其他项目依赖
pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple

4、配置环境变量

基于 .env.example 复制一个 .env 文件,并在 .env 文件中修改以下信息

# 路径 Chrome 浏览器路径(检查下自己的路径),例如
# Mac OS "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
# Windows "C:\Program Files\Google\Chrome\Application\chrome.exe"
CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"



# 浏览器的用户数据路径,例如
# Mac OS "/Users/<YourUsername>/Library/Application Support/Google/Chrome"
# Windows "C:\Users\<YourUsername>\AppData\Local\Google\Chrome\User Data"
CHROME_USER_DATA="/Users/<YourUsername>/Library/Application Support/Google/Chrome"

# 还有一些大模型的 API Key 也要改
...

新创建的.env文件

•复制环境变量文案

cp .env.example .env

5、获取deepseek的key

获取deepseek API key,获取地址:DeepSeek(注意:复制保存好API key,因为出于安全原因,你将无法通过 API keys 管理界面再次查看它)

key:

sk-4a9d1bcb59ec446584cc0b513a1c20f9

•在vscode打开.env文件,添加API key和浏览器配置

DEEPSEEK_ENDPOINT=https://api.deepseek.com
# 这里需要补充自己的API KEY
DEEPSEEK_API_KEY= 
# 如果是windows
# 将CHROME_PATH设置为你的浏览器可执行文件路径,将CHROME_USER_DATA设置为你的浏览器用户数据目录
CHROME_PATH="C:\Program Files\Google\Chrome\Application\chrome.exe"
CHROME_USER_DATA="C:\Users\你的用户名\AppData\Local\Google\Chrome\User Data"
# 如果是macos/linux
CHROME_PATH=/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
CHROME_USER_DATA=/Users/你的用户名/Library/Application Support/Google/Chrome

6、运行web ui

python webui.py --ip 127.0.0.1 --port 7788

会出现

浏览器访问:http://127.0.0.1:7788/,看到如下界面就成功了

如果使用deepseek模型,需要取消勾选use vision

配置

  1. 配置 Agent

浏览器设置

执行指令

相关推荐
但老师18 分钟前
Jenkins垃圾清理指南
java·运维·jenkins
山茶花.1 小时前
seacmsv9管理员账号+密码注入
运维
suzhou_speeder3 小时前
了解 PoE 扩展模式(Extend Mode)及其对数据速率的影响
运维·网络·交换机·poe·poe交换机
AustinCien4 小时前
1.4常规es报错问题
运维·elk·elasticsearch
AustinCien5 小时前
3.2实验filebeat->logstash->es
运维·elk
DC_BLOG6 小时前
Linux-Ansible模块完结
linux·运维·服务器·ansible
DataDynamos数动实验室6 小时前
BGP状态和机制
运维·网络·计算机网络·智能路由器
A~taoker6 小时前
分享httprunner 结合django实现平台接口自动化方案
运维·自动化
Henry_Wu0016 小时前
ubuntu 安全策略(等保)
linux·运维·ubuntu