> ## Documentation Index
> Fetch the complete documentation index at: https://cndoc-langchain.site/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-5.4-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/models#structured-output) | [`多模态`](/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) 兼容的端点。在这种情况下，您可以使用 [`ChatOpenAI`](/oss/javascript/integrations/chat/openai) 并设置自定义 `base_url` 来连接到这些端点。请注意，基于聊天补全 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="阿里通义" 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="百度千帆" 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="腾讯混元" 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="智谱AI" 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="terminal-2">
    [将这些文档](/use-these-docs)通过 MCP 连接到 Claude、VSCode 等，以获取实时答案。
  </Callout>

  <Callout icon="edit">
    [在 GitHub 上编辑此页面](https://github.com/langchain-ai/docs/edit/main/src/oss/javascript/integrations/chat/index.mdx) 或 [提交问题](https://github.com/langchain-ai/docs/issues/new/choose)。
  </Callout>
</div>