Web

Web

在浏览器中使用 OpenCode。

OpenCode 可以作为 Web 应用程序在你的浏览器中运行，提供相同的强大 AI 编码体验，无需终端。

---

入门

通过运行以下命令启动 Web 界面：

opencode web

这会在 127.0.0.1 上启动一个本地服务器，使用随机可用端口，并自动在默认浏览器中打开 OpenCode。

[!CAUTION] 如果未设置 OPENCODE_SERVER_PASSWORD，服务器将不安全。这对于本地使用没问题，但网络访问时应设置。

[!NOTE] Windows 用户：为获得最佳体验，请从 WSL 而非 PowerShell 运行 opencode web。这确保了正确的文件系统访问和终端集成。

---

配置

你可以使用命令行参数或在配置文件中配置 Web 服务器。

端口

默认情况下，OpenCode 选择一个可用端口。你可以指定端口：

opencode web --port 4096

主机名

默认情况下，服务器绑定到 127.0.0.1（仅本地主机）。要使 OpenCode 在你的网络上可访问：

opencode web --hostname 0.0.0.0

使用 0.0.0.0 时，OpenCode 会显示本地和网络地址：

  Local access:       http://localhost:4096
  Network access:     http://192.168.1.100:4096

mDNS 发现

启用 mDNS 使你的服务器在本地网络上可被发现：

opencode web --mdns

这会自动将主机名设置为 0.0.0.0 并将服务器广告为 opencode.local。

你可以自定义 mDNS 域名以在同一网络上运行多个实例：

opencode web --mdns --mdns-domain myproject.local

CORS

允许额外域名进行 CORS（用于自定义前端）：

opencode web --cors https://example.com

身份验证

要保护访问，使用 OPENCODE_SERVER_PASSWORD 环境变量设置密码：

OPENCODE_SERVER_PASSWORD=secret opencode web

用户名默认为 opencode，但可以使用 OPENCODE_SERVER_USERNAME 更改。

---

使用 Web 界面

启动后，Web 界面提供对你的 OpenCode 会话的访问。

会话

从主页查看和管理会话。你可以看到活动会话并开始新的会话。

服务器状态

点击”查看服务器”以查看已连接的服务器及其状态。

---

连接终端

你可以将终端 TUI 附加到正在运行的 Web 服务器：

# 启动 Web 服务器
opencode web --port 4096
# 在另一个终端中，附加 TUI
opencode attach http://localhost:4096

这允许你同时使用 Web 界面和终端，共享相同的会话和状态。

---

配置文件

你也可以在 opencode.json 配置文件中配置服务器设置：

{
  "server": {
    "port": 4096,
    "hostname": "0.0.0.0",
    "mdns": true,
    "cors": ["https://example.com"]
  }
}

命令行参数优先于配置文件设置。