Coze を Web サイトのチャットウィジェットに接続する

LangBot で Coze アプリを Web サイトのチャットウィジェットのボットとして動かす手順：Coze の設定、ボットの認証情報、ネットワーク、テスト、トラブルシューティング。

このレシピではお使いの Coze アプリを Web サイトのチャットウィジェットのボットにつなぎます。LangBot が Web サイトのチャットウィジェットのメッセージを受け取り、パイプラインで処理して返信するので、プラットフォーム連携のコードは不要です。

Coze ではエージェントをビジュアルに作れます。LangBot は Coze API で Coze ボットを呼び出すため、Coze が直接公開できないプラットフォームにも同じボットを展開できます。

必要なもの

訪問者のブラウザーが LangBot に直接接続するため、LangBot は公開 HTTPS アドレスで到達できる必要があります。LangBot Cloud には用意されています。

Coze の開発者コンソールの API 管理 でトークンを作成します（coze.com は個人アクセストークン、coze.cn はサービス資格情報にも対応）。
公開時に API チャネルを選んでエージェントを公開し、bot_id を控えます。

LangBot WebUI の パイプライン でパイプラインを作成（または既定のものを編集）し、AI を次のように設定します。ランナーが一覧にない場合は、プラグイン または LangBot Space マーケットから公式ランナープラグインをインストールします。

項目	設定値
ランナー	Coze（公式 Coze Agent ランナープラグイン）
API Key	Coze のトークン
Bot ID	エージェントの `bot_id`
API Base URL	coze.cn は `https://api.coze.cn`、coze.com は `https://api.coze.com`

ボットを開いて作成したパイプラインを選び、保存してボットが有効になっていることを確認します。

ウィジェットを埋め込んだページを開き、会話を始めます。

呼び出しに失敗する場合は、トークンと bot_id に余分な空白がないか、API チャネルで公開したか、Base URL が利用サイトと一致しているかを確認します。
ウィジェットが読み込まれない場合は、埋め込みコードが localhost のままか、LangBot のアドレスが HTTPS ではありません。
WebUI の モニタリング に、すべてのメッセージ、パイプラインの実行、エラーが記録されます。