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

news/2025/2/26 21:57:03

参考文档: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

浏览器设置

执行指令


    http://www.niftyadmin.cn/n/5869206.html

    相关文章

    STM32开发方式

    1.1 寄存器开发 学过51单片机的同学应该知道&#xff0c;51单片机教程都是讲解的寄存器开发&#xff0c;但是这种开发方式对于STM32就变得比较困难&#xff0c;因为STM32的寄存器数量是51单片机的十数倍如此多的寄存器根本无法全部记忆&#xff0c; 开发时需要经常的翻查芯片手…

    Spring Boot 项目中,JDK 动态代理和 CGLIB 动态代理的使用

    在 Spring Boot 项目中&#xff0c;JDK 动态代理和 CGLIB 动态代理都是实现 AOP (面向切面编程) 的重要技术。 它们的主要区别在于代理对象的生成方式和适用范围。 下面详细介绍它们的使用场景&#xff1a; 1. JDK 动态代理 (JDK Dynamic Proxy) 原理&#xff1a; JDK 动态代理…

    labview关于计时器的使用

    通过使用计时器函数&#xff0c;可以对采集和保存实现很好的控制&#xff0c;因为之前通过等待函数有出现程序卡死的情况&#xff0c;这里用到定时器函数来实现时间控制。 根据用户输入的采集频率&#xff0c;和采集的单位来确定是否上次采集的时间间隔减去这次计时器的时间是…

    故障诊断 | Matlab实现基于DBO-BP-Bagging多特征分类预测/故障诊断

    故障诊断 | Matlab实现基于DBO-BP-Bagging多特征分类预测/故障诊断 目录 故障诊断 | Matlab实现基于DBO-BP-Bagging多特征分类预测/故障诊断分类效果基本介绍模型描述DBO-BP-Bagging蜣螂算法优化多特征分类预测一、引言1.1、研究背景和意义1.2、研究现状1.3、研究目的与方法 二…

    补题A-E Codeforces Round 953 (Div. 2)

    https://codeforces.com/contest/1979 A. Guess the Maximum 原题链接&#xff1a;https://codeforces.com/contest/1979/problem/A 求相邻元素的最大值的最小值。 #include <bits/stdc.h> using namespace std; #define IOS ios::sync_with_stdio(0), cin.tie(0), cout…

    UE5网络通信架构解析

    文章目录 前言一、客户端-服务器架构&#xff08;C/S Model&#xff09;二、对等网络架构&#xff08;P2P&#xff0c;非原生支持&#xff09;三、混合架构&#xff08;自定义扩展&#xff09;四、UE5网络核心机制 前言 UE5的网络通信主要基于客户端-服务器&#xff08;C/S&am…

    《Keras 3 单眼深度估计》:此文为AI自动翻译

    《Keras 3 单眼深度估计》 作者:Victor Basu 创建日期:2021/08/30 最后修改时间:2024/08/13 描述:使用卷积网络实现深度估计模型。 (i) 此示例使用 Keras 3 在 Colab 中查看 GitHub 源 介绍 深度估计是从 2D 图像推断场景几何结构的关键步骤。 单眼深度估计的目标是预…

    【cuda学习日记】4.2 内存访问模式

    4.2.1 缓存加载 如图&#xff0c;全局内存通过缓存来实现加载/存储。所有对全局内存的访问都会通过二级缓存&#xff0c;也有许多访问会通过一级缓存。如果这两级缓存都被用到&#xff0c;那么内存访问是由一个128字节的内存事务实现的。如果只使用了二级缓存&#xff0c;那么这…