日本語
ドキュメント
Web

Web

OpenCodeはブラウザ上でウェブアプリケーションとして実行でき、ターミナルなしで同じ強力なAIコーディング体験を提供します。

はじめに

ウェブインターフェースを起動します:

opencode web

これにより、自動的に選択されたポートで 127.0.0.1 にローカルサーバーが起動し、デフォルトのブラウザでアプリケーションが開きます。

セキュリティ注意事項: OPENCODE_SERVER_PASSWORD が設定されていない場合、サーバーにはセキュリティがありません。ローカルでの使用には問題ありませんが、ネットワークに公開する場合は必須です。

設定オプション

ポート

カスタムポートを指定します:

opencode web --port 4096

ホスト名

すべてのネットワークインターフェースにバインドします:

opencode web --hostname 0.0.0.0

デフォルトでは、サーバーは 127.0.0.1(ローカルホストのみ)にバインドされます。ネットワークアクセスを許可するには 0.0.0.0 を使用します。

mDNS ディスカバリー

ローカルネットワーク検出を有効にします:

opencode web --mdns

これにより、ホスト名が自動的に 0.0.0.0 に設定され、サーバーがローカルネットワーク上で opencode.local としてアドバタイズされます。

CORS

クロスオリジンリクエスト用に追加のドメインを許可します:

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

認証

パスワードでサーバーアクセスを保護します:

OPENCODE_SERVER_PASSWORD=secret opencode web

ユーザー名はデフォルトで opencode ですが、OPENCODE_SERVER_USERNAME でカスタマイズできます。

ウェブインターフェース機能

  • セッション:ホームページからアクティブなセッションを表示・管理
  • サーバーステータス:「See Servers」オプションから接続されたサーバーにアクセス

ターミナル接続

実行中のウェブサーバーにターミナル TUI を接続します:

opencode web --port 4096
opencode attach http://localhost:4096

これにより、ブラウザとターミナルの両方から同時にアクセスできます。

設定ファイル

opencode.json でサーバー設定を構成します:

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

コマンドラインフラグは設定ファイルの設定より優先されます。