> ## Documentation Index
> Fetch the complete documentation index at: https://langchain-zh.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# 聊天模型集成

> 使用 LangChain JavaScript 集成聊天模型。

[聊天模型](/oss/javascript/langchain/models) 是以一系列[消息](/oss/javascript/langchain/messages)作为输入并返回消息作为输出的语言模型 <Tooltip tip="较旧的模型不遵循聊天模型接口，而是使用以字符串作为输入并返回字符串作为输出的接口。这些模型通常名称中不包含 'Chat' 前缀，或者包含 'LLM' 作为后缀。">（与纯文本相对）</Tooltip>。

## 安装与使用

<Tip>
  有关安装 LangChain 包的通用说明，请参阅[此部分](/oss/javascript/langchain/install)。
</Tip>

<AccordionGroup>
  <Accordion title="OpenAI">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/openai
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/openai
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/openai
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    OPENAI_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatOpenAI } from "@langchain/openai";

    const model = new ChatOpenAI({ model: "gpt-4.1-mini" });
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>

  <Accordion title="Anthropic">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/anthropic
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/anthropic
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/anthropic
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    ANTHROPIC_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatAnthropic } from "@langchain/anthropic";

    const model = new ChatAnthropic({
    model: "claude-3-sonnet-20240620",
    temperature: 0
    });
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>

  <Accordion title="Google Gemini">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/google
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/google
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/google
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    GOOGLE_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatGoogle } from "@langchain/google";

    const model = new ChatGoogle("gemini-2.5-flash");
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>

  <Accordion title="MistralAI">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/mistralai
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/mistralai
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/mistralai
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    MISTRAL_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatMistralAI } from "@langchain/mistralai";

    const model = new ChatMistralAI({
    model: "mistral-large-latest",
    temperature: 0
    });
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>

  <Accordion title="FireworksAI">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/community
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/community
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/community
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    FIREWORKS_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatFireworks } from "@langchain/community/chat_models/fireworks";

    const model = new ChatFireworks({
    model: "accounts/fireworks/models/llama-v3p1-70b-instruct",
    temperature: 0
    });
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>

  <Accordion title="Groq">
    安装：

    <CodeGroup>
      ```bash npm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      npm i @langchain/groq
      ```

      ```bash yarn theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      yarn add @langchain/groq
      ```

      ```bash pnpm theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
      pnpm add @langchain/groq
      ```
    </CodeGroup>

    添加环境变量：

    ```bash theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    GROQ_API_KEY=your-api-key
    ```

    实例化模型：

    ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    import { ChatGroq } from "@langchain/groq";

    const model = new ChatGroq({
    model: "llama-3.3-70b-versatile",
    temperature: 0
    });
    ```

    ```javascript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
    await model.invoke("Hello, world!")
    ```
  </Accordion>
</AccordionGroup>

## 特色模型

<Info>
  **虽然这些 LangChain 类支持所指示的高级功能**，但您可能需要查阅特定提供商的文档，以了解哪些托管模型或后端支持该功能。
</Info>

| 模型                                                                                   | 流式传输 | [工具调用](/oss/javascript/langchain/tools/) | [`withStructuredOutput()`](/oss/javascript/langchain/structured-output#the-.withstructuredoutput-method) | [`多模态`](/oss/javascript/langchain/messages#multimodal) |
| ------------------------------------------------------------------------------------ | ---- | ---------------------------------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ |
| [`ChatOpenAI`](/oss/javascript/integrations/chat/openai/)                            | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatAnthropic`](/oss/javascript/integrations/chat/anthropic/)                      | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatGoogle`](/oss/javascript/integrations/chat/google/)                            | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`BedrockChat`](/oss/javascript/integrations/chat/bedrock/)                          | ✅    | 🟡 (仅限 Bedrock Anthropic)                | 🟡 (仅限 Bedrock Anthropic)                                                                                | 🟡 (仅限 Bedrock Anthropic)                              |
| [`ChatBedrockConverse`](/oss/javascript/integrations/chat/bedrock_converse/)         | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatCloudflareWorkersAI`](/oss/javascript/integrations/chat/cloudflare_workersai/) | ✅    | ❌                                        | ❌                                                                                                        | ❌                                                      |
| [`ChatCohere`](/oss/javascript/integrations/chat/cohere/)                            | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatFireworks`](/oss/javascript/integrations/chat/fireworks/)                      | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatGroq`](/oss/javascript/integrations/chat/groq/)                                | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatMistralAI`](/oss/javascript/integrations/chat/mistral/)                        | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatOllama`](/oss/javascript/integrations/chat/ollama/)                            | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatTogetherAI`](/oss/javascript/integrations/chat/togetherai/)                    | ✅    | ✅                                        | ✅                                                                                                        | ✅                                                      |
| [`ChatXAI`](/oss/javascript/integrations/chat/xai/)                                  | ✅    | ✅                                        | ✅                                                                                                        | ❌                                                      |

## 聊天补全 API

某些模型提供商提供与 OpenAI（旧版）[聊天补全 API](https://platform.openai.com/docs/guides/completions) 兼容的端点。在这种情况下，您可以使用带有自定义 `base_url` 的 [`ChatOpenAI`](/oss/javascript/integrations/chat/openai) 来连接到这些端点。请注意，基于聊天补全 API 构建的功能可能不被 `ChatOpenAI` 完全支持；在这种情况下，请考虑使用特定于提供商的类（如果可用）。

<Accordion title="示例：OpenRouter">
  要使用 OpenRouter，您需要注册一个账户并获取一个 [API 密钥](https://openrouter.ai/docs/api/reference/authentication)。

  ```typescript theme={"theme":{"light":"catppuccin-latte","dark":"catppuccin-mocha"}}
  import { ChatOpenAI } from "@langchain/openai";

  const model = new ChatOpenAI({
      model: "...", // 指定 OpenRouter 上可用的模型
      configuration: {
      apiKey: "OPENROUTER_API_KEY",
      baseURL: "https://openrouter.ai/api/v1",
      }
  });
  ```

  更多详情请参阅 [OpenRouter 文档](https://openrouter.ai/docs/quickstart)。
</Accordion>

## 所有聊天模型

<Columns cols={3}>
  <Card title="Alibaba Tongyi" icon="link" href="/oss/javascript/integrations/chat/alibaba_tongyi" arrow="true" cta="查看指南" />

  <Card title="Anthropic" icon="link" href="/oss/javascript/integrations/chat/anthropic" arrow="true" cta="查看指南" />

  <Card title="Arcjet Redact" icon="link" href="/oss/javascript/integrations/chat/arcjet" arrow="true" cta="查看指南" />

  <Card title="Azure OpenAI" icon="link" href="/oss/javascript/integrations/chat/azure" arrow="true" cta="查看指南" />

  <Card title="Baidu Qianfan" icon="link" href="/oss/javascript/integrations/chat/baidu_qianfan" arrow="true" cta="查看指南" />

  <Card title="Amazon Bedrock" icon="link" href="/oss/javascript/integrations/chat/bedrock" arrow="true" cta="查看指南" />

  <Card title="Amazon Bedrock Converse" icon="link" href="/oss/javascript/integrations/chat/bedrock_converse" arrow="true" cta="查看指南" />

  <Card title="Cerebras" icon="link" href="/oss/javascript/integrations/chat/cerebras" arrow="true" cta="查看指南" />

  <Card title="Cloudflare Workers AI" icon="link" href="/oss/javascript/integrations/chat/cloudflare_workersai" arrow="true" cta="查看指南" />

  <Card title="Cohere" icon="link" href="/oss/javascript/integrations/chat/cohere" arrow="true" cta="查看指南" />

  <Card title="Deep Infra" icon="link" href="/oss/javascript/integrations/chat/deep_infra" arrow="true" cta="查看指南" />

  <Card title="DeepSeek" icon="link" href="/oss/javascript/integrations/chat/deepseek" arrow="true" cta="查看指南" />

  <Card title="Fake LLM" icon="link" href="/oss/javascript/integrations/chat/fake" arrow="true" cta="查看指南" />

  <Card title="Fireworks" icon="link" href="/oss/javascript/integrations/chat/fireworks" arrow="true" cta="查看指南" />

  <Card title="Friendli" icon="link" href="/oss/javascript/integrations/chat/friendli" arrow="true" cta="查看指南" />

  <Card title="Google Gemini" icon="link" href="/oss/javascript/integrations/chat/google" arrow="true" cta="查看指南" />

  <Card title="Groq" icon="link" href="/oss/javascript/integrations/chat/groq" arrow="true" cta="查看指南" />

  <Card title="IBM watsonx.ai" icon="link" href="/oss/javascript/integrations/chat/ibm" arrow="true" cta="查看指南" />

  <Card title="Llama CPP" icon="link" href="/oss/javascript/integrations/chat/llama_cpp" arrow="true" cta="查看指南" />

  <Card title="Minimax" icon="link" href="/oss/javascript/integrations/chat/minimax" arrow="true" cta="查看指南" />

  <Card title="MistralAI" icon="link" href="/oss/javascript/integrations/chat/mistral" arrow="true" cta="查看指南" />

  <Card title="Moonshot" icon="link" href="/oss/javascript/integrations/chat/moonshot" arrow="true" cta="查看指南" />

  <Card title="Novita AI" icon="link" href="/oss/javascript/integrations/chat/novita" arrow="true" cta="查看指南" />

  <Card title="Ollama" icon="link" href="/oss/javascript/integrations/chat/ollama" arrow="true" cta="查看指南" />

  <Card title="OpenAI" icon="link" href="/oss/javascript/integrations/chat/openai" arrow="true" cta="查看指南" />

  <Card title="Perplexity" icon="link" href="/oss/javascript/integrations/chat/perplexity" arrow="true" cta="查看指南" />

  <Card title="PremAI" icon="link" href="/oss/javascript/integrations/chat/premai" arrow="true" cta="查看指南" />

  <Card title="Tencent Hunyuan" icon="link" href="/oss/javascript/integrations/chat/tencent_hunyuan" arrow="true" cta="查看指南" />

  <Card title="Together" icon="link" href="/oss/javascript/integrations/chat/togetherai" arrow="true" cta="查看指南" />

  <Card title="WebLLM" icon="link" href="/oss/javascript/integrations/chat/web_llm" arrow="true" cta="查看指南" />

  <Card title="xAI" icon="link" href="/oss/javascript/integrations/chat/xai" arrow="true" cta="查看指南" />

  <Card title="YandexGPT" icon="link" href="/oss/javascript/integrations/chat/yandex" arrow="true" cta="查看指南" />

  <Card title="ZhipuAI" icon="link" href="/oss/javascript/integrations/chat/zhipuai" arrow="true" cta="查看指南" />
</Columns>

<Info>
  如果您想贡献一个集成，请参阅[贡献集成](/oss/javascript/contributing#add-a-new-integration)。
</Info>

***

<div className="source-links">
  <Callout icon="edit">
    [Edit this page on GitHub](https://github.com/langchain-ai/docs/edit/main/src/i18n\zh-CN\oss\javascript\integrations\chat\index.mdx) or [file an issue](https://github.com/langchain-ai/docs/issues/new/choose).
  </Callout>

  <Callout icon="terminal-2">
    [Connect these docs](/use-these-docs) to Claude, VSCode, and more via MCP for real-time answers.
  </Callout>
</div>