Langflow を WeCom カスタマーサービスに接続する

LangBot で Langflow アプリを WeCom カスタマーサービスのボットとして動かす手順：Langflow の設定、ボットの認証情報、ネットワーク、テスト、トラブルシューティング。

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

Langflow はドラッグ＆ドロップでエージェントやフローを作れます。LangBot はメッセージごとに Langflow API でフローを実行します。

必要なもの

稼働中の LangBot：LangBot Cloud（サーバー不要）、または Docker や uvx langbot によるセルフホスト。
LangBot からネットワーク経由で到達できる Langflow のアカウントまたはインスタンス。
API を有効にした WeCom カスタマーサービス（WeChat Kefu）：企業 ID、Secret、コールバック用 Token と EncodingAESKey。

カスタマーサービスはコールバック URL にイベントを送るため、LangBot には公開 HTTPS アドレスが必要です。LangBot Cloud には用意されています。

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

項目	設定値
ランナー	Langflow（公式 Langflow Agent ランナープラグイン）
Base URL	LangBot から到達できる Langflow のアドレス
API Key	Langflow の API キー
Flow ID	実行するフローの ID

WeCom カスタマーサービスの 開発者設定 で Token と EncodingAESKey を生成し、企業 ID とともに WeCom カスタマーサービス アダプターのボットに入力します。
ボットを有効化して Webhook コールバック URL を管理画面に貼り、Secret を入力してボットを再起動します。ユーザーが会話を始めるためのリンクや QR コードを発行します。

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

WeChat でカスタマーサービスのリンクを開くか QR コードを読み取り、メッセージを送ります。

接続が拒否される場合、http://localhost:7860 が使えるのは Langflow と LangBot が同じホスト・同じネットワーク名前空間にあるときだけです。
ウェルカムメッセージは WeChat が welcome_code を渡したときだけ、期限内に 1 回だけ送れます。
WebUI の モニタリング に、すべてのメッセージ、パイプラインの実行、エラーが記録されます。