一、安裝部署
1.安裝 python3.11 或以上版本
2.安裝browser-use
pip install browser-use
3.安裝 Playwright
playwright install
4.安裝專案依賴
pip install langchain-google-genai==2.0.8
pip install pyperclip==1.9.0
pip install gradio==5.9.1
pip install langchain-ollama==0.2.2
pip install langchain-openai==0.2.14
5.配置環境變數
5.1 下載整個專案到本地，解壓
https://github.com/browser-use/web-ui
5.2 將 .env.example 複製修改為 .env，並設定你的環境變數，包括 LLM 的 API 金鑰（可以不在此處修改，在後續Web端設定）
5.3 如果使用你自己的瀏覽器，而不是playwright安裝的
- 設定 CHROME_PATH 為瀏覽器的可執行檔案路徑（例如，Windows 上為 C:\Program Files\Google\Chrome\Application\chrome.exe）
- 設定 CHROME_USER_DATA 為瀏覽器的使用者資料目錄（例如，C:\Users\AppData\Local\Google\Chrome\User Data）
6.啟動（啟動前關閉所有chorme）
python webui.py --ip 127.0.0.1 --port 7788
注：此時啟動會報以下錯誤：
ImportError: cannot import name 'AgentStepErrorTelemetryEvent' from 'browser_use.telemetry.views' (D:\Python312\Lib\site-packages\browser_use\telemetry\views.py). Did you mean: 'AgentStepTelemetryEvent'?
原因：
我們找到 D:\Python312\Lib\site-packages\browser_use\telemetry\views.py 這個檔案開啟，發現裡面沒有 AgentStepErrorTelemetryEvent 這個類，實際應該是 AgentStepTelemetryEvent 這個類；而 D:\browser-use-webui\src\agent\custom_agent.py 中匯入的是 AgentStepErrorTelemetryEvent 這個類，所以導致啟動報錯
解決方法：
此時我們將 D:\browser-use-webui\src\agent\custom_agent.py 中 AgentStepErrorTelemetryEvent 替換成 AgentStepTelemetryEvent ，重新啟動即可，如下：
瀏覽器開啟這個連結：http://127.0.0.1:7788
