# Vercel Functions (/zh/quickstarts/vercel-functions)
Related: [Node.js](/zh/quickstarts/nodejs.md), [Next.js](/zh/quickstarts/nextjs.md), [Express](/zh/quickstarts/express.md), [NestJS](/zh/quickstarts/nestjs.md), [Fastify](/zh/quickstarts/fastify.md), [Hono](/zh/quickstarts/hono.md)
## 前置条件 [#前置条件]
* Vercel 项目 (Next.js、SvelteKit、Nuxt 或独立项目)
* 一个 Firecrawl API 密钥 — [免费获取](https://www.firecrawl.dev/app/api-keys)
## 设置 [#设置]
```bash
npm install firecrawl
```
在 Vercel 项目设置中将 `FIRECRAWL_API_KEY` 添加为环境变量，或在本地开发时将其添加到 `.env.local` 中：
```bash
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## 进行网页搜索 [#进行网页搜索]
创建 `api/search.ts` (如果使用 Next.js，则为 `app/api/search/route.ts`) ：
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: 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" },
});
}
```
## 抓取网页 [#抓取网页]
创建 `api/scrape.ts` (如果使用 Next.js，则为 `app/api/scrape/route.ts`) ：
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: Request) {
const { url } = await request.json();
const result = await firecrawl.scrape(url);
return new Response(JSON.stringify(result), {
headers: { "Content-Type": "application/json" },
});
}
```
## 与页面交互 [#与页面交互]
创建 `api/interact.ts` (若使用 Next.js，则创建 `app/api/interact/route.ts`) ：
```typescript
import { Firecrawl } from "firecrawl";
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
export async function POST(request: Request) {
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" },
});
}
```
## 部署 [#部署]
```bash
vercel deploy
```
## 测试一下 [#测试一下]
```bash
curl -X POST https://your-project.vercel.app/api/search \
-H "Content-Type: application/json" \
-d '{"query": "firecrawl web scraping"}'
```
Vercel Functions 在 Hobby (入门) 套餐中的默认超时时间为 10 秒，在 Pro 套餐中为 60 秒。对于大型爬取任务，建议改用支持 Webhook 的 Firecrawl 异步 API。
## 后续步骤 [#后续步骤]
进行网页搜索并获取完整页面内容
包含所有抓取选项，如 formats、actions 和代理
点击、填写表单并提取动态内容
完整的 SDK 参考，涵盖爬取、map、batch scrape 等功能