> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firecrawl.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Fastify

> Firecrawl と Fastify を使って、高性能なWebスクレイピング API と検索 API を構築します。

<div id="prerequisites">
  ## 前提条件
</div>

* Node.js 18+
* Firecrawl APIキー — [無料で取得できます](https://www.firecrawl.dev/app/api-keys)

<div id="setup">
  ## セットアップ
</div>

```bash theme={null}
npm install fastify firecrawl
```

`.env` にAPIキーを追加します：

```bash theme={null}
FIRECRAWL_API_KEY=fc-YOUR-API-KEY
```

<div id="search-the-web">
  ## ウェブを検索
</div>

```javascript theme={null}
import Fastify from "fastify";
import { Firecrawl } from "firecrawl";

const fastify = Fastify({ logger: true });
const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });

fastify.post("/search", async (request) => {
  const { query } = request.body;
  return firecrawl.search(query, { limit: 5 });
});

fastify.listen({ port: 3000 });
```

<div id="scrape-a-page">
  ## ページをスクレイピングする
</div>

```javascript theme={null}
fastify.post("/scrape", async (request) => {
  const { url } = request.body;
  return firecrawl.scrape(url);
});
```

<div id="interact-with-a-page">
  ## Interact でページを操作する
</div>

interact を使用してライブのブラウザセッションを操作し、ボタンのクリック、フォームへの入力、動的コンテンツの抽出を行えます。

```javascript theme={null}
fastify.post("/interact", async (request) => {
  const { url } = request.body;

  const result = await firecrawl.scrape(url, { formats: ['markdown'] });
  const scrapeId = result.metadata?.scrapeId;

  await firecrawl.interact(scrapeId, { prompt: 'iPhone 16 Pro Maxを検索する' });
  const response = await firecrawl.interact(scrapeId, { prompt: '最初の結果をクリックして価格を教えてください' });

  await firecrawl.stopInteraction(scrapeId);

  return { output: response.output };
});
```

<div id="as-a-fastify-plugin">
  ## Fastify プラグインとして
</div>

複数のルートで再利用できるよう、クライアントをプラグイン化します。

```javascript theme={null}
import fp from "fastify-plugin";
import { Firecrawl } from "firecrawl";

export default fp(async function firecrawlPlugin(fastify) {
  const client = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });
  fastify.decorate("firecrawl", client);
});
```

プラグインを登録したら、任意のルートで `fastify.firecrawl` を使用できます:

```javascript theme={null}
fastify.register(firecrawlPlugin);

fastify.post("/search", async function (request) {
  const { query } = request.body;
  return this.firecrawl.search(query, { limit: 5 });
});
```

<div id="test-it">
  ## 試す
</div>

```bash theme={null}
curl -X POST http://localhost:3000/search \
  -H "Content-Type: application/json" \
  -d '{"query": "firecrawl web scraping"}'
```

<div id="next-steps">
  ## 次のステップ
</div>

<CardGroup cols={2}>
  <Card title="スクレイピングのドキュメント" icon="file-lines" href="/ja/features/scrape">
    フォーマット、アクション、プロキシなど、スクレイピングのオプションを網羅
  </Card>

  <Card title="検索ドキュメント" icon="magnifying-glass" href="/ja/features/search">
    ウェブを検索し、ページ全体のコンテンツを取得
  </Card>

  <Card title="Interact ドキュメント" icon="hand-pointer" href="/ja/features/interact">
    クリック、フォーム入力、動的コンテンツの抽出
  </Card>

  <Card title="Node SDK リファレンス" icon="node" href="/ja/sdks/node">
    クロール、map、バッチスクレイプなどを含む完全な SDK リファレンス
  </Card>
</CardGroup>