# Supabase Edge Functions (/zh/quickstarts/supabase-edge-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)
## 前提条件 [#前提条件]
* 已使用 CLI 初始化 (`supabase init`) 的 Supabase 项目
* Firecrawl API 密钥——[免费获取一个](https://www.firecrawl.dev/app/api-keys)
## 配置 [#配置]
```bash
supabase functions new firecrawl-search
supabase functions new firecrawl-scrape
supabase functions new firecrawl-interact
```
设置密钥：
```bash
supabase secrets set FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```
## 进行网页搜索 [#进行网页搜索]
编辑 `supabase/functions/firecrawl-search/index.ts`：
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (req) => {
const { query } = await req.json();
const results = await firecrawl.search(query, { limit: 5 });
return new Response(JSON.stringify(results), {
headers: { "Content-Type": "application/json" },
});
});
```
## 抓取页面 [#抓取页面]
编辑 `supabase/functions/firecrawl-scrape/index.ts`：
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (req) => {
const { url } = await req.json();
const result = await firecrawl.scrape(url);
return new Response(JSON.stringify(result), {
headers: { "Content-Type": "application/json" },
});
});
```
## 与页面进行交互 [#与页面进行交互]
编辑 `supabase/functions/firecrawl-interact/index.ts`：
```typescript
import Firecrawl from "npm:firecrawl";
const firecrawl = new Firecrawl({
apiKey: Deno.env.get("FIRECRAWL_API_KEY"),
});
Deno.serve(async (_req) => {
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",
});
console.log(response.output);
await firecrawl.stopInteraction(scrapeId);
return new Response(JSON.stringify({ output: response.output }), {
headers: { "Content-Type": "application/json" },
});
});
```
## 部署 [#部署]
```bash
supabase functions deploy firecrawl-search
supabase functions deploy firecrawl-scrape
supabase functions deploy firecrawl-interact
```
## 试一试 [#试一试]
```bash
curl -X POST https://.supabase.co/functions/v1/firecrawl-search \
-H "Authorization: Bearer " \
-H "Content-Type: application/json" \
-d '{"query": "firecrawl web scraping"}'
```
## 后续步骤 [#后续步骤]
进行网页搜索并获取完整页面内容
所有 scrape 选项，包括 formats、actions 和代理设置
点击、填写表单并提取动态内容
完整的 SDK 参考文档，涵盖爬取、map、batch scrape 等功能