前提条件
- 已启用 SSR 的 Astro 项目 (
output: "server"或"hybrid") - Firecrawl API 密钥——可免费获取
安装 SDK
npm install firecrawl
.env 文件中：
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
进行网页搜索
src/pages/api/search.ts：
import type { APIRoute } from "astro";
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: import.meta.env.FIRECRAWL_API_KEY,
});
export const POST: APIRoute = async ({ request }) => {
const { query } = await request.json();
const results = await firecrawl.search(query, { limit: 5 });
return new Response(JSON.stringify(results), {
headers: { "Content-Type": "application/json" },
});
};
src/pages/search.astro) 中于请求时搜索：
---
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: import.meta.env.FIRECRAWL_API_KEY,
});
const query = Astro.url.searchParams.get("q");
let results = [];
if (query) {
const searchData = await firecrawl.search(query, { limit: 5 });
results = searchData.web || [];
}
---
<html>
<body>
<h1>搜索结果</h1>
{results.length > 0 ? (
<ul>
{results.map((r) => (
<li><a href={r.url}>{r.title}</a></li>
))}
</ul>
) : (
<p>传入 ?q= 进行网页搜索</p>
)}
</body>
</html>
抓取网页
src/pages/api/scrape.ts:
import type { APIRoute } from "astro";
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: import.meta.env.FIRECRAWL_API_KEY,
});
export const POST: APIRoute = async ({ request }) => {
const { url } = await request.json();
const result = await firecrawl.scrape(url);
return new Response(JSON.stringify(result), {
headers: { "Content-Type": "application/json" },
});
};
src/pages/scrape.astro) ：
---
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: import.meta.env.FIRECRAWL_API_KEY,
});
const target = Astro.url.searchParams.get("url");
let markdown = null;
if (target) {
const result = await firecrawl.scrape(target);
markdown = result.markdown;
}
---
<html>
<body>
<h1>Scraped Content</h1>
{markdown ? <pre>{markdown}</pre> : <p>Pass ?url= to scrape a page</p>}
</body>
</html>
与页面交互
src/pages/api/interact.ts：
import type { APIRoute } from "astro";
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({
apiKey: import.meta.env.FIRECRAWL_API_KEY,
});
export const POST: APIRoute = async () => {
const result = await firecrawl.scrape("https://www.amazon.com", {
formats: ["markdown"],
});
const scrapeId = result.metadata?.scrapeId;
await firecrawl.interact(scrapeId, {
prompt: "Search for iPhone 16 Pro Max",
});
const response = await firecrawl.interact(scrapeId, {
prompt: "Click on the first result and tell me the price",
});
await firecrawl.stopInteraction(scrapeId);
return new Response(JSON.stringify({ output: response.output }), {
headers: { "Content-Type": "application/json" },
});
};
下一步
抓取文档
所有抓取选项，包括 formats、actions 和代理设置
搜索文档
进行网页搜索并获取完整页面内容
交互文档
点击、填写表单并提取动态内容
Node SDK 参考
完整的 SDK 参考，涵盖爬取、map、batch 抓取 等功能