在 LangGraph 中使用 AdsCrawl

接入方式 01

添加网页读取节点

定义 StateSchema、添加一个 AdsCrawl 节点，并编译为可执行的图。

1. 1

   安装依赖

   在应用目录中运行以下命令。

   Shell复制

   npm install adscrawl @langchain/core @langchain/langgraph zod

2. 2

   配置 API Key

   在服务端环境或本地终端设置变量，用自己的密钥替换占位符，不要将其放入前端构建产物或提交到代码仓库。

   Shell复制

   export ADSCRAWL_API_KEY="your_adscrawl_api_key"

3. 3

   保存为 langgraph-web.mjs

   图接收 URL，将 Markdown 写入状态。页面内容为空时会抛出错误，避免向下游传递空结果。

   JavaScript复制

   import AdsCrawl from "adscrawl";
   import { END, START, StateGraph, StateSchema } from "@langchain/langgraph";
   import { z } from "zod";
   
   const browser = new AdsCrawl({ apiKey: process.env.ADSCRAWL_API_KEY });
   const PageState = new StateSchema({
     url: z.string().url(),
     markdown: z.string().default(""),
   });
   
   export const graph = new StateGraph(PageState)
     .addNode("read_page", async ({ url }) => {
       const markdown = await browser.markdown({
         url, waitUntil: "domcontentloaded",
       });
       if (!markdown.trim()) throw new Error("The page returned no text");
       return { markdown };
     })
     .addEdge(START, "read_page")
     .addEdge("read_page", END)
     .compile();
   
   const result = await graph.invoke({ url: "https://example.com" });
   console.log({ source: result.url, markdown: result.markdown });

4. 4

   运行并接入下一步

   预期 result.url 保留输入链接，result.markdown 包含 Example Domain。需要提取或总结时，在 read_page 和 END 之间加入处理节点；仅在该节点需要模型时配置模型。

   Shell复制

   node langgraph-web.mjs