使用 nodeJS 从头开始​​创建 ReAct Agent(维基百科搜索)

使用 nodejs 从头开始​​创建 react agent(维基百科搜索)

介绍

我们将创建一个能够搜索维基百科并根据找到的信息回答问题的人工智能代理。该 react(理性与行动)代理使用 google generative ai api 来处理查询并生成响应。我们的代理将能够:

搜索维基百科获取相关信息。从维基百科页面中提取特定部分。对收集到的信息进行推理并制定答案。

[2] 什么是react代理?

react agent 是一种遵循反射-操作循环的特定类型的代理。它根据可用信息和它可以执行的操作反映当前任务,然后决定采取哪个操作或是否结束任务。

[3] 规划代理

3.1 所需工具

node.js用于 http 请求的 axios 库google 生成式 ai api (gemini-1.5-flash)维基百科 api

3.2 代理结构

我们的 react agent 将具有三个主要状态:

思想(反思)行动(执行)答案(回复)

[4] 实现代理

让我们逐步构建 react agent,突出显示每个状态。

4.1 初始设置

首先,设置项目并安装依赖项:

mkdir react-agent-projectcd react-agent-projectnpm init -ynpm install axios dotenv @google/generative-ai

在项目根目录创建一个 .env 文件:

google_ai_api_key=your_api_key_here

4.2 创建tools.js文件

使用以下内容创建 tools.js:

const axios = require("axios");class tools {  static async wikipedia(q) {    try {      const response = await axios.get("https://en.wikipedia.org/w/api.php", {        params: {          action: "query",          list: "search",          srsearch: q,          srwhat: "text",          format: "json",          srlimit: 4,        },      });      const results = await promise.all(        response.data.query.search.map(async (searchresult) => {          const sectionresponse = await axios.get(            "https://en.wikipedia.org/w/api.php",            {              params: {                action: "parse",                pageid: searchresult.pageid,                prop: "sections",                format: "json",              },            },          );          const sections = object.values(            sectionresponse.data.parse.sections,          ).map((section) => `${section.index}, ${section.line}`);          return {            pagetitle: searchresult.title,            snippet: searchresult.snippet,            pageid: searchresult.pageid,            sections: sections,          };        }),      );      return results        .map(          (result) =>            `snippet: ${result.snippet}npageid: ${result.pageid}nsections: ${json.stringify(result.sections)}`,        )        .join("nn");    } catch (error) {      console.error("error fetching from wikipedia:", error);      return "error fetching data from wikipedia";    }  }  static async wikipedia_with_pageid(pageid, sectionid) {    if (sectionid) {      const response = await axios.get("https://en.wikipedia.org/w/api.php", {        params: {          action: "parse",          format: "json",          pageid: parseint(pageid),          prop: "wikitext",          section: parseint(sectionid),          disabletoc: 1,        },      });      return object.values(response.data.parse?.wikitext ?? {})[0]?.substring(        0,        25000,      );    } else {      const response = await axios.get("https://en.wikipedia.org/w/api.php", {        params: {          action: "query",          pageids: parseint(pageid),          prop: "extracts",          exintro: true,          explaintext: true,          format: "json",        },      });      return object.values(response.data?.query.pages)[0]?.extract;    }  }}module.exports = tools;

4.3 创建reactagent.js文件

使用以下内容创建 reactagent.js:

require("dotenv").config();const { googlegenerativeai } = require("@google/generative-ai");const tools = require("./tools");const genai = new googlegenerativeai(process.env.google_ai_api_key);class reactagent {  constructor(query, functions) {    this.query = query;    this.functions = new set(functions);    this.state = "thought";    this._history = [];    this.model = genai.getgenerativemodel({      model: "gemini-1.5-flash",      temperature: 2,    });  }  get history() {    return this._history;  }  pushhistory(value) {    this._history.push(`n ${value}`);  }  async run() {    this.pushhistory(`**task: ${this.query} **`);    try {      return await this.step();    } catch (e) {      if (e.message.includes("exhausted")) {        return "sorry, i'm exhausted, i can't process your request anymore. ><";    }  }  async step() {    const colors = {      reset: "x1b[0m",      yellow: "x1b[33m",      red: "x1b[31m",      cyan: "x1b[36m",    };    console.log("====================================");    console.log(      `next movement: ${        this.state === "thought"          ? colors.yellow          : this.state === "action"            ? colors.red            : this.state === "answer"              ? colors.cyan              : colors.reset      }${this.state}${colors.reset}`,    );    console.log(`last movement: ${this.history[this.history.length - 1]}`);    console.log("====================================");    switch (this.state) {      case "thought":        await this.thought();        break;      case "action":        await this.action();        break;      case "answer":        await this.answer();        break;    }  }  async promptmodel(prompt) {    const result = await this.model.generatecontent(prompt);    const response = await result.response;    return response.text();  }  async thought() {    const availablefunctions = json.stringify(array.from(this.functions));    const historycontext = this.history.join("n");    const prompt = `your task to fullfill ${this.query}.context contains all the reflection you made so far and the actionresult you collected.availableactions are functions you can call whenever you need more data.context: "${historycontext}" <<availableactions: "${availablefunctions}" <<task: "${this.query}" <<reflect uppon your task using context, actionresult and availableactions to find your next_step.print your next_step with a thought or fullfill your task `;    const thought = await this.promptmodel(prompt);    this.pushhistory(`n **${thought.trim()}**`);    if (      thought.tolowercase().includes("fullfill") ||      thought.tolowercase().includes("fulfill")    ) {      this.state = "answer";      return await this.step();    }    this.state = "action";    return await this.step();  }  async action() {    const action = await this.decideaction();    this.pushhistory(`** action: ${action} **`);    const result = await this.executefunctioncall(action);    this.pushhistory(`** actionresult: ${result} **`);    this.state = "thought";    return await this.step();  }  async decideaction() {    const availablefunctions = json.stringify(array.from(this.functions));    const historycontext = this.history;    const prompt = `reflect uppon the thought, query and availableactions    ${historycontext[historycontext.length - 2]}    thought <<>>>>>>", finalanswer);    return finalanswer;  }}module.exports = reactagent;

4.4 运行代理(index.js)

使用以下内容创建index.js:

const ReActAgent = require("./ReactAgent.js");async function main() {  const query = "What does England border with?";  const functions = [    [      "wikipedia",      "params: query",      "Semantic Search Wikipedia API for snippets, pageIds and sectionIds >> n ex: Date brazil has been colonized? n Brazil was colonized at 1500, pageId, sections : []",    ],    [      "wikipedia_with_pageId",      "params : pageId, sectionId",      "Search Wikipedia API for data using a pageId and a sectionIndex as params.  n ex: 1500, 1234 n Section information about blablalbal",    ],  ];  const agent = new ReActAgent(query, functions);  try {    const result = await agent.run();    console.log("THE AGENT RETURN THE FOLLOWING >>>", result);  } catch (e) {    console.log("FAILED TO RUN T.T", e);  }}main().catch(console.error);

[5] 维基百科部分如何运作

与维基百科的交互主要分为两个步骤:

初始搜索(维基百科功能):

向维基百科搜索 api 发出请求。最多返回 4 个相关的查询结果。对于每个结果,它都会获取页面的各个部分。

详细搜索(wikipedia_with_pageid函数):

使用页面 id 和部分 id 来获取特定内容。返回请求部分的文本。

此过程允许代理首先获得与查询相关的主题的概述,然后根据需要深入研究特定部分。

[6] 执行流程示例

用户提出问题。智能体进入思考状态并反思问题。它决定搜索维基百科并进入 action 状态。执行wikipedia函数并获取结果。返回thought状态反思结果。可能决定搜索更多详细信息或不同的方法。根据需要重复思想和行动循环。当它有足够的信息时,它进入answer状态。根据收集到的所有信息生成最终答案。只要维基百科没有可收集的数据,就会进入无限循环。用计时器修复它=p

[7] 最后的考虑

模块化结构可以轻松添加新工具或 api。实施错误处理和时间/迭代限制非常重要,以避免无限循环或过度资源使用。使用温度:99999 哈哈

以上就是使用 nodeJS 从头开始​​创建 ReAct Agent(维基百科搜索)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491757.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JavaScript 中 Axios 和 Fetch 的区别
上一篇 2025年12月19日 14:14:15
使用 JavaScript 探索生成艺术
下一篇 2025年12月19日 14:14:32

相关推荐

  • Golang空接口如何应用在项目中

    空接口可用于接收任意类型值,常见于日志函数、通用数据结构、JSON动态解析及配置驱动逻辑,提升代码灵活性,但需配合类型断言确保安全,避免滥用以降低维护成本。 空接口 interface{} 在 Go 语言中是一个非常灵活的类型,它可以存储任何类型的值。虽然它牺牲了一部分类型安全,但在实际项目中合理使…

    2026年5月10日
    100
  • Go语言接口与切片:如何识别和操作[]interface{}

    本文将深入探讨Go语言中如何识别和操作`[]interface{}`类型的切片。我们将介绍类型断言(Type Assertion)的关键作用,并通过`switch`语句演示如何安全地检测`[]interface{}`类型,并进而遍历其内部元素。文章旨在提供清晰的示例代码和专业指导,帮助开发者有效地处…

    2026年5月10日
    000
  • JavaScript计算器开发:解决数值显示与初始化问题

    本教程深入探讨了使用JavaScript构建计算器时常见的数值显示异常问题,特别是由于类属性未初始化导致的`Cannot read properties of undefined`错误。我们将详细分析问题根源,并通过在构造函数中调用初始化方法来解决该问题,同时优化显示逻辑,确保计算器功能稳定且界面显…

    2026年5月10日
    000
  • JavaScript动态下拉菜单:实现日期选项与价格计算关联

    在现代web应用中,动态生成表单元素并使其具备交互逻辑是常见的需求。特别是在需要根据用户选择调整价格或服务参数的场景下,下拉菜单()常被用来展示一系列选项。本教程将指导您如何利用javascript动态生成一个包含日期选项的下拉菜单,并为每个选项关联一个具体的数值(如剩余天数),进而实现一个基于用户…

    2026年5月10日
    000
  • 怎么安装html5_HTML5开发环境安装与配置详细步骤

    答案是配置HTML5开发环境需三步:1. 安装VS Code等编辑器并配置插件;2. 使用Chrome或Firefox测试页面;3. 可选搭建本地服务器,如Live Server或http-server;最后创建index.html文件验证环境。 安装HTML5开发环境其实并不复杂,因为HTML5本…

    2026年5月10日
    000
  • Go语言中实现策略模式:灵活处理多源数据与格式转换

    本文探讨了如何在go语言中实现策略模式,以优雅地处理多源数据收集与多格式数据转换的场景。通过定义清晰的接口和具体的策略实现,结合go语言简洁的特性,展示了两种将策略集成到工作流中的方法,强调了go中接口驱动的灵活性。 在软件开发中,我们经常面临需要处理多种算法或行为,并根据具体情况选择其中之一的场景…

    2026年5月10日
    000
  • JS如何实现策略模式

    策略模式通过封装算法使其可互换,JavaScript中利用函数作为一等公民实现,适用于表单验证等场景,结合工厂模式提升灵活性,但应避免过度设计。 策略模式的核心在于定义一系列算法,并将每一个算法封装起来,使它们可以相互替换。这使得算法可以在不影响客户端的情况下发生变化。在JS中,这可以通过函数作为一…

    2026年5月10日
    000
  • 优化React-Redux应用中的用户与受保护数据按需加载

    本教程旨在解决React-Redux应用中用户数据和受保护API密钥在用户未登录时仍被请求,导致401错误的问题。通过引入条件性Redux状态初始化和动作分发逻辑,确保只有在用户被认为已认证时才发起相关的API请求,从而优化应用性能,减少不必要的网络流量和控制台错误。 在构建现代Web应用时,尤其是…

    2026年5月10日
    000
  • Go语言并发二叉树遍历:通道关闭与等价性判断的优雅方案

    本文探讨了在Go语言中并发遍历二叉树时,如何正确处理通道(channel)的关闭时机问题,尤其是在递归函数中。通过结合defer语句和闭包(closure)的巧妙运用,提供了一种优雅且健壮的解决方案,确保通道在所有值发送完毕后才被关闭,进而实现两个二叉树的等价性判断。 1. 并发遍历二叉树的需求与挑…

    2026年5月10日
    000
  • Golang环境变量配置自动化脚本方法

    答案:通过编写Shell脚本自动化配置Go环境变量,可实现GOROOT、GOPATH、GOBIN及PATH等变量的自动设置,提升开发效率。具体做法是创建setup_go_env.sh脚本,定义GOROOT为Go安装路径(如/usr/local/go),GOPATH为工作区(如~/go_project…

    2026年5月10日
    100
  • 深入理解Go语言中的短声明:=与长声明var

    Go语言提供了两种主要的变量声明和初始化方式:短声明:=和长声明var。:=主要用于函数内部,实现变量的声明与初始化,并常用于控制流语句中以限制变量作用域,例如在if语句中处理错误。而var则更为通用,可用于包级别或函数内部,支持显式类型声明、不带初始化的声明以及批量声明,提供了更大的灵活性。 1.…

    2026年5月10日
    000
  • JavaScript实现多币种价格转换教程

    本教程详细讲解如何使用JavaScript实现多币种价格转换功能。文章将涵盖从远程API获取汇率数据、处理页面上多个价格元素的转换,以及如何避免重复转换导致的错误。核心在于利用`querySelectorAll`选取所有相关元素,并维护原始价格值以确保每次转换都基于准确的初始数据,从而实现稳定、准确…

    2026年5月10日
    000
  • Golang初学者如何用flag包开发一个功能完整的命令行工具

    Go语言flag包可用于解析命令行参数,支持布尔、字符串、整数等类型,通过flag.Type或flag.TypeVar定义参数,结合flag.Parse实现输入解析。示例中定义了-name和-v参数,运行时输出问候语和详细信息。支持多种定义方式:flag.Type返回指针,flag.TypeVar绑…

    2026年5月10日
    000
  • Golang如何构建简易的笔记应用

    答案是一个基于Golang的简易笔记应用,通过结构体定义笔记并以JSON格式存储;实现添加、列出和搜索笔记功能,结合标准库进行文件操作与命令行解析,支持后续扩展如删除、数据库升级等。 用Golang构建一个简易的笔记应用并不复杂,重点在于设计清晰的结构和使用标准库高效处理文件操作与命令行交互。下面是…

    2026年5月10日
    000
  • Golang构建HTTP服务步骤 net/http包基础用法

    Go语言通过net/http包可快速构建HTTP服务,核心步骤为:定义处理器函数处理请求、使用http.HandleFunc注册路由、调用http.ListenAndServe启动服务。处理器通过检查r.Method区分GET、POST等请求方法,利用r.URL.Query()获取查询参数,读取r.…

    2026年5月10日
    000
  • PHP图像处理:如何正确压缩并上传图片,避免文件覆盖

    本教程深入探讨了PHP图片上传与压缩过程中常见的陷阱,即在压缩后使用move_uploaded_file不当导致已压缩图片被原始文件覆盖,从而使文件大小未改变的问题。文章将详细解释这一机制,并提供正确的实现策略与优化代码示例,确保图片有效压缩并成功保存。 理解PHP文件上传与图像处理机制 在PHP中…

    2026年5月10日
    000
  • 创建带约束的自定义类型:Go语言实践指南

    本文介绍了如何在 Go 语言中创建自定义类型,并限制其可接受的值。通过示例代码,展示了两种实现方式:使用结构体和使用类型别名,并讨论了各自的优缺点。帮助开发者构建更健壮、更安全的代码。 Go 语言允许开发者创建自定义类型,以增强代码的可读性和类型安全性。然而,有时我们需要更进一步,限制自定义类型可以…

    2026年5月10日
    000
  • 基于文本内容动态改变HTML元素背景色的JavaScript教程

    本教程详细讲解如何利用%ignore_a_1%实现根据html元素的文本内容动态改变其背景颜色。通过选取特定类名的所有元素,并使用循环结构结合条件判断(如`switch`语句),我们可以在页面加载时自动为这些元素设置不同的视觉样式,从而提供直观的状态反馈,适用于如库存状态、订单状态等多种场景。 在现…

    2026年5月10日
    000
  • 在JavaScript中高效模拟CSS的:nth-child选择器

    本文深入探讨了如何在JavaScript中模拟CSS `:nth-child`选择器功能,尤其是在处理动态数据和应用样式时。文章介绍了两种核心方法:一是通过自定义`for`循环函数精确筛选匹配特定`:nth-child`模式的元素;二是通过`map`方法结合模数运算符(`%`)来为数组中的每个元素动…

    2026年5月10日
    000
  • 如何在C++中声明一个枚举类型?

    在c++++中声明枚举类型可以使用enum或enum class。1. 使用enum声明:enum color { red, green, blue}; 2. 使用enum class声明:enum class color { red, green, blue}; enum class提供更好的类型…

    用户投稿 2026年5月10日
    200

发表回复

登录后才能评论
关注微信