> ## Documentation Index
> Fetch the complete documentation index at: https://docs.langbot.app/llms.txt
> Use this file to discover all available pages before exploring further.

# LangBotでのLangflowの使用

> Langflow を LangBot と連携。Langflow のフローを Discord・Telegram・WeChat 等の AI ボットとして展開。

[Langflow](https://langflow.com/)は、AIベースのエージェントとワークフローを構築およびデプロイするためのオープンソースプロジェクトです。ローカルおよびクラウドデプロイをサポートし、他のアプリケーションが統合できるAPIを提供します。

LangBotは現在、ランナーとしてLangflowの使用をサポートしています。

## Langflowでのワークフロー作成

[Langflowドキュメント](https://langflow.com/docs/introduction)に従ってLangflowインスタンスをデプロイしてください。

デフォルトテンプレートのSimple Agentの例:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/create_flow.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=19200e1a99b7ffba9e99548f60637e01" alt="create_flow" width="2402" height="1562" data-path="images/zh/deploy/pipelines/langflow/create_flow.png" />

必要に応じてワークフローを変更できます:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/edit_flow.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=764ca67a6ff75cf5f1e8a21418458145" alt="edit_flow" width="1502" height="864" data-path="images/zh/deploy/pipelines/langflow/edit_flow.png" />

## LangBotの設定

LangBot WebUIページを開き、新しいパイプラインを追加するか、既存のパイプラインのAI機能設定ページに切り替え、ランナーとして`Langflow API`を選択します。

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/set_langflow_runner.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=bf46a507c29ff1a3d97a298153d23049" alt="set_langflow_runner" width="627" height="986" data-path="images/zh/deploy/pipelines/langflow/set_langflow_runner.png" />

プロンプトに従って他の設定を入力します。`Base URL`(実際のネットワーク状況に応じて入力)、`API Key`、`Flow ID`などが含まれます。API KeyはLangflowの設定から取得できます:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/get_api_key.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=23551f84a1d172ba618271e636384394" alt="get_api_key" width="2402" height="1562" data-path="images/zh/deploy/pipelines/langflow/get_api_key.png" />

Flow IDは、編集ページの右上にある`共有` -> `APIアクセス`ボタンをクリックし、サンプルコードから取得できます:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/get_flow_id.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=96763d3f41dca5c3aaa6554db2c87580" alt="get_flow_id" width="1858" height="1328" data-path="images/zh/deploy/pipelines/langflow/get_flow_id.png" />
