# Connect Langflow to QQ Official Bot

Source: https://langbot.app/docs/en/recipes/langflow/qq-official

Step-by-step guide to running your Langflow app as a QQ Official Bot bot with LangBot: Langflow setup, bot credentials, networking, testing and troubleshooting.

This recipe puts your Langflow app behind a QQ Official Bot bot. LangBot receives messages from QQ Official Bot, runs them through a pipeline, and sends the answer back, so you do not write any platform code.

Langflow builds agents and flows with a drag-and-drop editor. LangBot runs a flow through the Langflow API for every message.

## What you need

- A running LangBot instance: [LangBot Cloud](https://space.langbot.app/cloud) (no server needed) or a [self-hosted deployment](https://langbot.app/docs/en/deploy/langbot/docker.md) with Docker or `uvx langbot`.
- A Langflow account or instance that LangBot can reach over the network.
- A bot registered on the QQ Open Platform: **AppID**, **Token** and **AppSecret**, with LangBot's server IP in the IP whitelist.

## Networking

The QQ Official Bot API (webhook) requires a public IP and working HTTPS. LangBot Cloud includes a public domain.

## 1. Prepare Langflow

1. Build a flow in Langflow (the Simple Agent template is a good start).
2. Create an API key under **Settings**.
3. Copy the **Flow ID** from **Share → API access**.

## 2. Create a pipeline

Open **Pipelines** in the LangBot WebUI, create a pipeline (or edit the default one) and set **AI** as follows. If the runner is not listed, install the official runner plugin from **Plugins** or the [LangBot Space marketplace](https://space.langbot.app/market).

| Field    | Value                                                |
| -------- | ---------------------------------------------------- |
| Runner   | **Langflow** (official Langflow Agent runner plugin) |
| Base URL | Your Langflow address, reachable from LangBot        |
| API Key  | The Langflow API key                                 |
| Flow ID  | The flow to run                                      |

## 3. Create the QQ Official Bot bot

1. Create a bot with the **QQ Official** adapter and enter AppID, Token and AppSecret.
2. Copy the bot's webhook callback URL, replace the host with your HTTPS domain, and save it as the request address in the QQ management portal. Add test users in the sandbox settings.

## 4. Bind and test

Open the bot, select the pipeline you created, save and make sure the bot is enabled.

As a sandbox member, message the bot in a private chat or @mention it in a sandbox group.

## Troubleshooting

- Connection refused: `http://localhost:7860` only works when Langflow runs on the same host and network namespace as LangBot.
- Saving the request address fails: the domain is not reachable over HTTPS or the path does not end with `/bots/<bot id>`.
- Check **Monitoring** in the WebUI: every message, pipeline run and error is recorded there.

## FAQ

### Do I need a server with a public IP for QQ Official Bot?

Yes, or use LangBot Cloud. The QQ Official Bot API (webhook) requires a public IP and working HTTPS. LangBot Cloud includes a public domain.

### Does the QQ Official Bot bot support streaming replies?

Check the [platform feature matrix](https://langbot.app/docs/en/insight/platform-features.md) for what this platform supports. Replies are delivered once the AI back end has finished.

### Can the same Langflow setup serve other platforms too?

Yes. A pipeline can be bound to many bots, so one configuration can answer on several platforms at once.

## Related guides

- [Full QQ Official Bot setup guide](https://langbot.app/docs/en/usage/platforms/qq/official_webhook.md)
- [Full Langflow runner guide](https://langbot.app/docs/en/usage/pipelines/langflow.md)
- Other AI back ends on QQ Official Bot: [Dify](https://langbot.app/docs/en/recipes/dify/qq-official.md) · [n8n](https://langbot.app/docs/en/recipes/n8n/qq-official.md) · [Coze](https://langbot.app/docs/en/recipes/coze/qq-official.md) · [DeepSeek](https://langbot.app/docs/en/recipes/deepseek/qq-official.md) · [OpenAI (ChatGPT models)](https://langbot.app/docs/en/recipes/openai/qq-official.md)
- Langflow on other platforms: [Telegram](https://langbot.app/docs/en/recipes/langflow/telegram.md) · [Discord](https://langbot.app/docs/en/recipes/langflow/discord.md) · [Slack](https://langbot.app/docs/en/recipes/langflow/slack.md) · [Lark (Feishu)](https://langbot.app/docs/en/recipes/langflow/lark.md) · [DingTalk](https://langbot.app/docs/en/recipes/langflow/dingtalk.md) · [WeCom (internal app)](https://langbot.app/docs/en/recipes/langflow/wecom.md)