首页 web前端 js教程 JavaScript中Langchain的完整指南

JavaScript中Langchain的完整指南

Feb 08, 2025 am 10:24 AM

LangChainJS:构建AI驱动的JavaScript语言模型和智能体的强大框架

A Complete Guide to LangChain in JavaScript

核心要点:

  • LangChainJS是一个功能强大的JavaScript框架,使开发人员能够构建和试验AI驱动的语言模型和智能体,并无缝集成到Web应用程序中。
  • 该框架允许创建能够利用各种工具和数据源来执行复杂语言任务(例如互联网搜索和数学计算)的智能体,从而提高响应的准确性和相关性。
  • LangChain支持各种模型,包括用于简单文本输出的语言模型、用于交互式对话的聊天模型以及用于将文本转换为数值向量的嵌入模型,从而促进各种NLP应用程序的开发。
  • 通过可定制的分块方法可以高效地管理和处理文本数据,确保在处理大型文本时获得最佳性能和上下文相关性。
  • 除了使用OpenAI模型外,LangChain还兼容其他大型语言模型(LLM)和AI服务,为探索在其项目中集成不同AI的开发人员提供灵活性和扩展功能。

本指南将深入探讨LangChain的关键组件,并演示如何在JavaScript中利用其强大功能。LangChainJS是一个通用的JavaScript框架,使开发人员和研究人员能够创建、试验和分析语言模型和智能体。它为自然语言处理(NLP)爱好者提供了丰富的功能,从构建自定义模型到高效地操作文本数据。作为一个JavaScript框架,它还允许开发人员轻松地将他们的AI应用程序集成到Web应用程序中。

前提条件:

要学习本文,请创建一个新文件夹并安装LangChain npm包:

npm install -S langchain
登录后复制
登录后复制
登录后复制

创建新文件夹后,使用.mjs后缀创建一个新的JS模块文件(例如test1.mjs)。

智能体 (Agents):

在LangChain中,智能体是一个能够理解和生成文本的实体。这些智能体可以配置特定的行为和数据源,并经过训练以执行各种与语言相关的任务,使其成为各种应用的多功能工具。

创建LangChain智能体:

智能体可以配置为使用“工具”来收集所需的数据并制定良好的响应。请看下面的示例。它使用Serp API(一个互联网搜索API)来搜索与问题或输入相关的信息,并以此来做出响应。它还使用llm-math工具执行数学运算——例如,转换单位或查找两个值之间的百分比变化:

npm install -S langchain
登录后复制
登录后复制
登录后复制

在使用modelName: "gpt-3.5-turbo"temperature: 0创建模型变量后,我们创建了执行器,它将创建的模型与指定的工具(SerpAPI和Calculator)结合起来。在输入中,我要求LLM搜索互联网(使用SerpAPI),并找出自2010年以来哪个艺术家发行了更多专辑——Nas还是Boldy James——并显示百分比差异(使用Calculator)。

在这个例子中,我必须明确地告诉LLM“通过搜索互联网……”,让它使用互联网获取直到今天的数据,而不是使用OpenAI默认的仅限于2021年的数据。

输出如下所示:

import { initializeAgentExecutorWithOptions } from "langchain/agents";
import { ChatOpenAI } from "langchain/chat_models/openai";
import { SerpAPI } from "langchain/tools";
import { Calculator } from "langchain/tools/calculator";

process.env["OPENAI_API_KEY"] = "YOUR_OPENAI_KEY"
process.env["SERPAPI_API_KEY"] = "YOUR_SERPAPI_KEY"

const tools = [new Calculator(), new SerpAPI()];
const model = new ChatOpenAI({ modelName: "gpt-3.5-turbo", temperature: 0 });

const executor = await initializeAgentExecutorWithOptions(tools, model, {
  agentType: "openai-functions",
  verbose: false,
});

const result = await executor.run("通过搜索互联网,查找Boldy James自2010年以来发行了多少张专辑,以及Nas自2010年以来发行了多少张专辑?找出谁发行了更多专辑,并显示百分比差异。");
console.log(result);
登录后复制
登录后复制

模型 (Models):

LangChain中有三种类型的模型:LLM、聊天模型和文本嵌入模型。让我们通过一些示例来探索每种类型的模型。

语言模型 (Language Model):

LangChain提供了一种在JavaScript中使用语言模型的方法,以根据文本输入生成文本输出。它不像聊天模型那样复杂,最适合用于简单的输入-输出语言任务。以下是一个使用OpenAI的示例:

<code>// 输出将取决于互联网搜索结果</code>
登录后复制
登录后复制

如你所见,它使用gpt-3.5-turbo模型列出所有红色的浆果。在这个例子中,我将温度设置为0,以使LLM具有事实上的准确性。

输出:

import { OpenAI } from "langchain/llms/openai";

const llm = new OpenAI({
  openAIApiKey: "YOUR_OPENAI_KEY",
  model: "gpt-3.5-turbo",
  temperature: 0
});

const res = await llm.call("列出所有红色的浆果");

console.log(res);
登录后复制
登录后复制

聊天模型 (Chat Model):

如果你想要更复杂的答案和对话,你需要使用聊天模型。从技术上讲,聊天模型与语言模型有何不同?用LangChain文档中的话来说:

聊天模型是语言模型的一种变体。虽然聊天模型在后台使用语言模型,但它们使用的接口略有不同。它们不是使用“文本输入,文本输出”API,而是使用“聊天消息”作为输入和输出的接口。

这是一个简单的(相当无用但有趣的)JavaScript聊天模型脚本:

<code>// 输出将列出红色的浆果</code>
登录后复制
登录后复制

如你所见,代码首先发送系统消息,并告诉聊天机器人成为一个总是用押韵回答的诗意助手,之后它发送一条人类消息,告诉聊天机器人告诉我谁是更好的网球运动员:德约科维奇、费德勒还是纳达尔。如果你运行这个聊天机器人模型,你会看到类似这样的内容:

import { ChatOpenAI } from "langchain/chat_models/openai";
import { PromptTemplate } from "langchain/prompts";

const chat = new ChatOpenAI({
  openAIApiKey: "YOUR_OPENAI_KEY",
  model: "gpt-3.5-turbo",
  temperature: 0
});
const prompt = PromptTemplate.fromTemplate(`你是一个诗意的助手,总是用押韵来回答:{question}`);
const runnable = prompt.pipe(chat);
const response = await runnable.invoke({ question: "谁更好,德约科维奇、费德勒还是纳达尔?" });
console.log(response);
登录后复制
登录后复制

嵌入 (Embeddings):

嵌入模型提供了一种将文本中的单词和数字转换为向量的方法,然后可以将这些向量与其他单词或数字关联起来。这听起来可能很抽象,所以让我们来看一个例子:

<code>// 输出将是一个用押韵回答的问题</code>
登录后复制

这将返回一个很长的浮点数列表:

import { OpenAIEmbeddings } from "langchain/embeddings/openai";

process.env["OPENAI_API_KEY"] = "YOUR_OPENAI_KEY"

const embeddings = new OpenAIEmbeddings();
const res = await embeddings.embedQuery("谁创造了万维网?");
console.log(res)
登录后复制

这就是嵌入的样子。仅仅六个单词就有这么多的浮点数!

然后可以使用此嵌入将输入文本与潜在答案、相关文本、名称等关联起来。

现在让我们来看一个嵌入模型的用例……

现在,这是一个脚本,它将使用嵌入来获取问题“最重的动物是什么?”并从提供的可能的答案列表中找到正确的答案:

npm install -S langchain
登录后复制
登录后复制
登录后复制

分块 (Chunks):

LangChain模型无法处理大型文本并使用它们来生成响应。这就是分块和文本分割发挥作用的地方。让我向你展示两种在将文本数据馈送到LangChain之前将其分割成块的简单方法。

按字符分割分块:

为了避免分块中的突然中断,你可以通过在换行符的每次出现处分割文本,按段落分割文本:

import { initializeAgentExecutorWithOptions } from "langchain/agents";
import { ChatOpenAI } from "langchain/chat_models/openai";
import { SerpAPI } from "langchain/tools";
import { Calculator } from "langchain/tools/calculator";

process.env["OPENAI_API_KEY"] = "YOUR_OPENAI_KEY"
process.env["SERPAPI_API_KEY"] = "YOUR_SERPAPI_KEY"

const tools = [new Calculator(), new SerpAPI()];
const model = new ChatOpenAI({ modelName: "gpt-3.5-turbo", temperature: 0 });

const executor = await initializeAgentExecutorWithOptions(tools, model, {
  agentType: "openai-functions",
  verbose: false,
});

const result = await executor.run("通过搜索互联网,查找Boldy James自2010年以来发行了多少张专辑,以及Nas自2010年以来发行了多少张专辑?找出谁发行了更多专辑,并显示百分比差异。");
console.log(result);
登录后复制
登录后复制

这是分割文本的一种有用方法。但是,你可以使用任何字符作为分块分隔符,而不仅仅是n

递归分割分块:

如果你想严格地按一定长度的字符分割文本,可以使用RecursiveCharacterTextSplitter

<code>// 输出将取决于互联网搜索结果</code>
登录后复制
登录后复制

在这个例子中,文本每100个字符分割一次,分块重叠为15个字符。

分块大小和重叠:

通过查看这些示例,你可能已经开始想知道分块大小和重叠参数的确切含义以及它们对性能的影响。好吧,让我简单地说明两点。

  • 分块大小决定每个分块中的字符数量。分块大小越大,分块中的数据越多,LangChain处理它并生成输出所需的时间就越长,反之亦然。
  • 分块重叠是共享分块之间信息的内容,以便它们共享一些上下文。分块重叠越高,你的分块就越冗余;分块重叠越低,分块之间共享的上下文就越少。通常,良好的分块重叠约为分块大小的10%到20%,尽管理想的分块重叠因不同的文本类型和用例而异。

链 (Chains):

链基本上是多个LLM功能链接在一起以执行更复杂的任务,否则无法通过简单的LLM输入->输出方式完成。让我们来看一个很酷的例子:

import { OpenAI } from "langchain/llms/openai";

const llm = new OpenAI({
  openAIApiKey: "YOUR_OPENAI_KEY",
  model: "gpt-3.5-turbo",
  temperature: 0
});

const res = await llm.call("列出所有红色的浆果");

console.log(res);
登录后复制
登录后复制

超越OpenAI:

即使我一直使用OpenAI模型作为LangChain不同功能的示例,它也不限于OpenAI模型。你可以将LangChain与众多其他LLM和AI服务一起使用。你可以在他们的文档中找到LangChain和JavaScript可集成LLM的完整列表。

例如,你可以将Cohere与LangChain一起使用。安装Cohere后,使用npm install cohere-ai,你可以使用LangChain和Cohere创建一个简单的问答代码,如下所示:

<code>// 输出将列出红色的浆果</code>
登录后复制
登录后复制

输出:

import { ChatOpenAI } from "langchain/chat_models/openai";
import { PromptTemplate } from "langchain/prompts";

const chat = new ChatOpenAI({
  openAIApiKey: "YOUR_OPENAI_KEY",
  model: "gpt-3.5-turbo",
  temperature: 0
});
const prompt = PromptTemplate.fromTemplate(`你是一个诗意的助手,总是用押韵来回答:{question}`);
const runnable = prompt.pipe(chat);
const response = await runnable.invoke({ question: "谁更好,德约科维奇、费德勒还是纳达尔?" });
console.log(response);
登录后复制
登录后复制

结论:

在本指南中,你已经看到了LangChain在JavaScript中的不同方面和功能。你可以使用LangChain在JavaScript中轻松开发AI驱动的Web应用程序并试验LLM。请务必参考LangChainJS文档以了解有关特定功能的更多详细信息。

祝你使用LangChain在JavaScript中进行快乐的编码和实验!如果你喜欢这篇文章,你可能还想阅读有关使用LangChain与Python的文章。

以上是JavaScript中Langchain的完整指南的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

前端热敏纸小票打印遇到乱码问题怎么办? 前端热敏纸小票打印遇到乱码问题怎么办? Apr 04, 2025 pm 02:42 PM

前端热敏纸小票打印的常见问题与解决方案在前端开发中,小票打印是一个常见的需求。然而,很多开发者在实...

神秘的JavaScript:它的作用以及为什么重要 神秘的JavaScript:它的作用以及为什么重要 Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石,它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发,极大地提升了用户体验和跨平台开发的灵活性。

谁得到更多的Python或JavaScript? 谁得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

JavaScript难以学习吗? JavaScript难以学习吗? Apr 03, 2025 am 12:20 AM

学习JavaScript不难,但有挑战。1)理解基础概念如变量、数据类型、函数等。2)掌握异步编程,通过事件循环实现。3)使用DOM操作和Promise处理异步请求。4)避免常见错误,使用调试技巧。5)优化性能,遵循最佳实践。

如何使用JavaScript将具有相同ID的数组元素合并到一个对象中? 如何使用JavaScript将具有相同ID的数组元素合并到一个对象中? Apr 04, 2025 pm 05:09 PM

如何在JavaScript中将具有相同ID的数组元素合并到一个对象中?在处理数据时,我们常常会遇到需要将具有相同ID�...

如何实现视差滚动和元素动画效果,像资生堂官网那样?
或者:
怎样才能像资生堂官网一样,实现页面滚动伴随的动画效果? 如何实现视差滚动和元素动画效果,像资生堂官网那样? 或者: 怎样才能像资生堂官网一样,实现页面滚动伴随的动画效果? Apr 04, 2025 pm 05:36 PM

实现视差滚动和元素动画效果的探讨本文将探讨如何实现类似资生堂官网(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的演变:当前的趋势和未来前景 JavaScript的演变:当前的趋势和未来前景 Apr 10, 2025 am 09:33 AM

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

console.log输出结果差异:两次调用为何不同? console.log输出结果差异:两次调用为何不同? Apr 04, 2025 pm 05:12 PM

深入探讨console.log输出差异的根源本文将分析一段代码中console.log函数输出结果的差异,并解释其背后的原因。�...

See all articles