概述

在前一篇文章中，我们讨论了 AI 浏览器的基本概念以及如何利用 Browser Use 项目构建智能浏览器。现在，我们进入了安装和配置的环节。在这一篇文章中，我们将详细介绍如何安装 Browser Use Web UI 项目，配置环境，启动本地开发服务器，并测试浏览器自动化功能。Browser Use Web UI 使得与浏览器代理的交互变得更加简单和直观。通过 Gradio 提供的图形化界面，你可以轻松设置并运行各种任务。本篇文章将指导你通过本地安装的安装方式来配置 Web UI，并运行你的智能代理。

本地安装

2.1 环境准备

• 需要python和git，具体安装方式我们已经在上一篇文档中进行了详细的说明，如有疑问，可参照进行处理。
  • Python 3.11 or higher
  • Git (for cloning the repository)

2.2 拉取项目

• 需要从github拉取项目代码到本地。

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

2.3 安装

• 进入项目目录后，使用虚拟环境管理工具安装 python 3.11。
• 执行命令进入3.11 环境。
• 依据项目中requirements.txt，安装项目运行所需要依赖的所有软件包。
• 安装playwright，官方资料直连。

uv venv --python 3.11
source .venv/bin/activate
uv pip install -r requirements.txt
playwright install

运行项目

3.1 运行参数

• --ip：绑定 WebUI 的 IP 地址。默认值是 127.0.0.1。
• --port：绑定 WebUI 的端口。默认值是 7788。
• --theme：用户界面的主题。默认值是 Ocean。
  • Default：标准主题，设计平衡。
  • Soft：温和、柔和的配色方案，提供放松的观赏体验。
  • Monochrome：灰度主题，色彩最少，追求简约和专注。
  • Glass：现代外观的半透明设计。
  • Origin：经典复古风格的主题，带有怀旧气息。
  • Citrus：充满活力的柑橘色调，明亮和清新的颜色。
  • Ocean（默认）：蓝色海洋主题，带来平静的效果。
• --dark-mode：启用深色模式的用户界面。

3.2 启动项目。

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

• 打开浏览器，输入127.0.0.1:7788。

总结

到此为止，你已经成功安装并配置了 Browser Use Web UI，并能够通过 Web UI 与浏览器代理进行交互。通过本地安装或 Docker 安装方式，你可以轻松启动智能浏览器并开始运行各种 AI 自动化任务。

在接下来的文章中，我们将进一步探讨如何调试和优化 AI 浏览器，确保其在实际应用中的高效运行。如果你在安装过程中遇到任何问题，欢迎在评论区提问，我们会尽快为你解答。