OpenCode Web-Nutzung (Browser-Oberfläche)

Zusätzlich zum Terminal (TUI) bietet OpenCode auch eine Web-Oberfläche, mit der Sie KI-Programmierfunktionen direkt in einem Browser nutzen können.

Der Web-Modus eignet sich für: Fernzugriff, Teamzusammenarbeit und visuelle Bedienung.

OpenCode Web ist die grafische Version der TUI und wertet KI-Programmierung von einem Terminal-Tool zu einer visuellen Kollaborationsplattform auf.

1. Was ist OpenCode Web?

OpenCode Web ist eine grafische Oberflächenversion auf Basis eines HTTP-Dienstes. Im Wesentlichen:

• Backend: OpenCode-Dienst (über CLI gestartet)
• Frontend: Browser-Oberfläche

Es kann verstanden werden als:Eine visuelle Version der TUI

2. Starten des Web-Dienstes

1. Grundlegender Start

opencode web

Standardmäßig wird es:

• Einen lokalen HTTP-Dienst starten
• Den Browser automatisch öffnen

2. Benutzerdefinierter Port

opencode web --port 4096

3. Externen Zugriff erlauben (Wichtig)

opencode web --hostname 0.0.0.0 --port 4096

Kann im LAN oder remote erreicht werden

3. Zugriffsmethode

Nach dem Start im Browser aufrufen:

http://localhost:4096

Oder:

http://你的IP:4096

4. Beschreibung der Oberfläche

Die OpenCode-Weboberfläche umfasst normalerweise:

• Eingabebereich:Einen Prompt eingeben (ähnlich wie ChatGPT)
• Chat-Bereich:Zeigt die Ausgabeergebnisse der KI an
• Dateikontext:Liest Projektcode automatisch
• Vorgangsverlauf:Protokolle zu Befehlsausführung und Änderungen

Im Wesentlichen dasselbe wie TUI, aber intuitiver

5. Grundlegende Verwendung

1. Fragen stellen

Help me analyze the structure of this project

2. Dateien referenzieren

这个函数是做什么的？@src/index.js

3. Änderungen ausführen

Split this function into three functions, and add error handling

Hinweis:

• Die Befehle in Web und TUI sind genau dieselben
• Es unterstützt auch kontextuelles Verständnis

4. Sitzungen

Auf der Startseite können Sie Ihre Sitzungen anzeigen und verwalten. Sie können aktive Sitzungen anzeigen und neue erstellen.

5. Serverstatus

Klicken Sie aufServer ansehen, um verbundene Server und ihren Status anzuzeigen.

6. Authentifizierung (Sicherheitseinstellungen)

Wenn Sie es in einem öffentlichen Netzwerk oder in einer Teamumgebung verwenden, wird empfohlen, die Authentifizierung zu aktivieren:

export OPENCODE_SERVER_PASSWORD=123456
opencode web

Hinweis:

• Standard-Benutzername: opencode
• Passwort: Der von Ihnen festgelegte Wert

7. Häufige Anwendungsfälle

1. Remote-Entwicklung

• OpenCode auf dem Server ausführen
• Aus der Ferne über den Browser zugreifen

2. Team-Freigabe

• Mehrere Personen sehen die Ergebnisse der KI-Änderungen
• Konversationskontext teilen

3. Demonstration / Lehre

• Intuitiver als das Terminal
• Geeignet für Bildschirmaufzeichnungen und Präsentationen

8. Web vs. TUI

9. Häufig gestellte Fragen

1. Seite nicht erreichbar

Prüfen:

• Ob der Port geöffnet ist
• Ob die richtige Adresse verwendet wird (localhost / IP)

2. Kein Zugriff aus der Ferne möglich

Achten Sie darauf, Folgendes zu verwenden:

--hostname 0.0.0.0

3. Port wird bereits verwendet

Ändern Sie den Port:

opencode web --port 5000