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

# Webhooks

> Webhook を設定してリアルタイムのジョブ完了イベントを受信し、ポーリングを削減して、アプリケーションで信頼性の高い非同期ワークフローを構築できます。

## 概要

`GET /jobs/{id}` を繰り返しポーリングする代わりに、Webhook URL を指定して、ジョブ完了時に POST リクエストを受け取ることができます。これはより効率的で、不要な API 呼び出しを削減します。

## Webhook の使用方法

任意の生成リクエストに `X-Webhook-URL` ヘッダーを追加します。ジョブが終了状態(completed、failed、または cancelled)に達すると、API は完全なジョブデータとともに指定した URL に POST リクエストを送信します。

<CodeGroup>
  ```javascript Node.js theme={null}
  // npm install @krea-ai/sdk
  import { Krea } from "@krea-ai/sdk";

  const krea = new Krea({ apiKey: process.env.KREA_API_KEY });

  const job = await krea.image(
    "bfl/flux-1-dev",
    {
      prompt: "a serene mountain landscape at sunset",
      width: 1024,
      height: 576
    },
    { webhookUrl: "https://your-server.com/webhook" }
  );

  console.log(`Job ID: ${job.job_id}`);
  // Your webhook will receive the results when complete
  ```

  ```bash cURL theme={null}
  curl -X POST https://api.krea.ai/generate/image/bfl/flux-1-dev \
    -H "Authorization: Bearer YOUR_API_TOKEN" \
    -H "Content-Type: application/json" \
    -H "X-Webhook-URL: https://your-server.com/webhook" \
    -d '{
      "prompt": "a serene mountain landscape at sunset",
      "width": 1024,
      "height": 576
    }'
  ```

  ```python Python theme={null}
  import requests

  API_BASE = "https://api.krea.ai"
  API_TOKEN = "your-token-secret"

  response = requests.post(
      f"{API_BASE}/generate/image/bfl/flux-1-dev",
      headers={
          "Authorization": f"Bearer {API_TOKEN}",
          "Content-Type": "application/json",
          "X-Webhook-URL": "https://your-server.com/webhook"
      },
      json={
          "prompt": "a serene mountain landscape at sunset",
          "width": 1024,
          "height": 576
      }
  )

  job = response.json()
  print(f"Job ID: {job['job_id']}")
  # Your webhook will receive the results when complete
  ```

  ```go Go theme={null}
  package main

  import (
      "bytes"
      "encoding/json"
      "fmt"
      "net/http"
  )

  func main() {
      apiBase := "https://api.krea.ai"
      apiToken := "your-token-secret"

      payload := map[string]interface{}{
          "prompt": "a serene mountain landscape at sunset",
          "width":  1024,
          "height": 576,
      }

      jsonData, _ := json.Marshal(payload)
      req, _ := http.NewRequest("POST", apiBase+"/generate/image/bfl/flux-1-dev", bytes.NewBuffer(jsonData))
      req.Header.Set("Authorization", "Bearer "+apiToken)
      req.Header.Set("Content-Type", "application/json")
      req.Header.Set("X-Webhook-URL", "https://your-server.com/webhook")

      client := &http.Client{}
      resp, _ := client.Do(req)
      defer resp.Body.Close()

      var job map[string]interface{}
      json.NewDecoder(resp.Body).Decode(&job)
      fmt.Printf("Job ID: %s\n", job["job_id"])
      // Your webhook will receive the results when complete
  }
  ```
</CodeGroup>

## Webhook ペイロード

ジョブが完了すると、Webhook URL は以下のジョブデータとともに POST リクエストを受け取ります:

```json theme={null}
{
  "job_id": "550e8400-e29b-41d4-a716-446655440000",
  "status": "completed",
  "created_at": "2025-01-15T10:30:00.000Z",
  "completed_at": "2025-01-15T10:30:05.000Z",
  "result": {
    "urls": ["https://..."]
  }
}
```

## ベストプラクティス

<Check>
  **すぐに応答する** - 2xx ステータスコードを速やかに返してください。必要に応じて、Webhook データを非同期で処理してください。
</Check>

<Warning>
  **ペイロードを検証する** - 結果を処理する前に、`job_id` が自分が開始したジョブと一致することを確認してください。
</Warning>

* セキュリティのために HTTPS エンドポイントを使用する
* 重複配信に備えて冪等性を実装する
* デバッグのために Webhook 受信をログに記録する

## Webhook vs ポーリング

| アプローチ       | メリット                  | デメリット              |
| ----------- | --------------------- | ------------------ |
| **Webhook** | リアルタイム通知、API 呼び出しが少ない | パブリックエンドポイントが必要    |
| **ポーリング**   | どこでも動作、サーバー不要         | API 呼び出しが多い、わずかな遅延 |

HTTP リクエストを受信できるサーバーがある場合は Webhook を使用してください。クライアントサイドアプリケーションやパブリックエンドポイントを公開できない場合はポーリングを使用してください。

## 次のステップ

<CardGroup cols={2}>
  <Card title="Job Lifecycle" icon="cube" href="/developers/job-lifecycle">
    ジョブの状態とステータスポーリングについて学ぶ
  </Card>

  <Card title="Code Examples" icon="code" href="/developers/examples/text-to-image">
    Webhook 処理を含む完全な例を見る
  </Card>
</CardGroup>