Open WebUI APIキーのセットアップ
Open WebUI APIキー: Connectionsで自分のキーを設定
管理パネルのConnectionsでこれらのフィールドに自分のAPIキーを入力すると、Open WebUIでClaudeモデルを利用できます。従量課金制です。
Admin Panel → Settings → Connections → OpenAI API → +
URL: https://api.aicodewith.ai/v1
API Key: sk-***
Save → new chat → model selector → claude-haiku-4-5-20251001セットアップ手順
後でターミナルで使用するためにこのキーを保存
このツールはキーを独自の設定に保存します。サインイン後、キーをコピーして、以下の手順のAPIキーフィールドに貼り付けてください。
sk-***サインアウトした訪問者にはプレースホルダーのみが表示されます。サインインすると、あなたのキーが入力されます。 Sign in · コンソールでキーを取得
コピーすると、コマンドがクリップボードに置かれるだけです。まだターミナルで実行するか、ツールの設定にキーを貼り付ける必要があります。 APIキーの取得方法
これらの手順は Linux（Open WebUI v0.12.0）で検証済みです。macOS と Windows はまだ検証されていないため、記載していません。
Open WebUI がまだない場合はインストール（インストール済みならスキップ）
uv tool install open-webuiを実行し、次にuv tool list | grep open-webuiを実行します。open-webui がバージョン付きで表示されればインストール済みです。その後open-webui serveを実行し、ターミナルに表示されたアドレスを開きます。`uv tool list | grep open-webui` を実行して Open WebUI v0.12.0 がインストールされていることを確認（バージョン部分は赤枠） アバターをクリックして Admin Panel を開く
Open WebUI のホームページで、左下のアバターをクリックし、メニュー内の Admin Panel（管理パネル）をクリックします。
Open WebUI のホームページを開き、左下のアバターをクリックします。メニュー内の Admin Panel の項目は赤枠で示されています 上部の Settings をクリック
Admin Panel ページで、上部の Settings（設定）タブをクリックします。
Admin Panel ページで、上部の Settings タブをクリック（赤枠） 左側の Connections をクリック
左サイドバーの AI の下にある Connections（接続）をクリックします。OpenAI API セクションが表示されます。
開いた Settings ページで、左サイドバーの AI の下にある Connections をクリック（赤枠） URL と API キーで接続を追加
OpenAI API セクションで、右側の + をクリックします。URL に
https://api.aicodewith.ai/v1を設定し、API キーを貼り付け（API キーを取得）、Save（保存）をクリックします。OpenAI API セクションで、右側の + をクリックして Add Connection を開きます。URL に https://api.aicodewith.ai/v1 を設定し、API キーを貼り付けて、Save をクリックします 接続が有効になっていることを確認
保存後、
https://api.aicodewith.ai/v1接続が OpenAI API の下に表示され、スイッチがオンになります。保存後、https://api.aicodewith.ai/v1 接続が OpenAI API の下に表示され、有効になっています（赤枠） 再確認したい場合は接続を開く
接続の横にある歯車をクリックして Edit Connection（接続の編集）を開き、URL を確認します。API キーはドットでマスクされたままです。
接続の横にある歯車をクリックして Edit Connection を開きます。URL は https://api.aicodewith.ai/v1 で、下の API キーはドットでマスクされたままです（Bearer） 新しいチャットでモデルを選択
新しいチャットを開始し、モデルセレクターを開きます。
claude-haiku-4-5-20251001やその他のモデルが一覧に表示されれば、URL は正しいです。キーが正しいかどうかは、返信が得られる手順 9 でわかります。モデルセレクターを開きます。aicodewith が提供するモデルが表示され、claude-haiku-4-5-20251001 は赤枠で示されています テストメッセージを送信
claude-haiku-4-5-20251001を選択し、Reply with exactly: Hello from aicodewith.aiを送信します。Hello from aicodewith.aiと返信されれば完了です。claude-haiku-4-5-20251001 を選択し、「Reply with exactly: Hello from aicodewith.ai」を送信します。モデルが Hello from aicodewith.ai と返信します（赤枠） URL が間違っている場合の表示: OpenAI: Network Problem
URL が間違っている場合（例:
https://api.aicodewith.ai/nope）、verify（更新アイコン）をクリックすると、右上にOpenAI: Network Problemが表示されます。修正方法はよくあるエラーを参照してください。URL が間違っている場合（例: 末尾が /nope）、verify（更新アイコン）をクリックすると、右上にトースト「OpenAI: Network Problem」が表示されます（赤枠） URL を /v1 に戻して再度チャット
URL を
https://api.aicodewith.ai/v1に戻して保存します。新しいチャットでHello from aicodewith.aiと返信されれば、再び動作しています。URL を https://api.aicodewith.ai/v1 に戻して保存した後、新しいチャットで再び Hello from aicodewith.ai と返信され、設定が復元されたことを確認できます
よくあるエラー
OpenAI: Network Problem
表示内容
OpenAI: Network Problem
- 原因
- 接続URLが間違っています（例: https://api.aicodewith.ai/nope）。そのため、検証（更新アイコン）をクリックしても接続できません
- 直し方
- URLを https://api.aicodewith.ai/v1 に設定して保存します。その後、新しいチャットは正常に応答します
ステップ 5 に戻る：URLとAPIキーを指定して接続を追加する →
FAQ
Open WebUIで自分のAPIキーを使うにはどうすればよいですか？
管理パネル → 設定 → 接続 で、OpenAI APIセクションの + をクリックし、URLを https://api.aicodewith.ai/v1 に設定し、APIキーを貼り付けて保存します。
Open WebUIのAPIキーをもう一度入力する必要がありますか？
いいえ。キーはOpen WebUI自身のデータベースに保存され、再起動後も保持されます。環境変数は不要です。
Open WebUIのバージョンを確認するにはどうすればよいですか？
open-webui には --version フラグがありません。uv でインストールした場合は、uv tool list | grep open-webui を実行します。
Open WebUIで「OpenAI: Network Problem」と表示されます。どうすればよいですか？
接続URLが間違っています。https://api.aicodewith.ai/v1 に設定して保存してください。上の「よくあるエラー」を参照してください。