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

# Webhookの作成 (v1)

export const MultiRelatedLinks = ({sections = []}) => {
  if (!sections || sections.length === 0) {
    return null;
  }
  return <div className="space-y-8">
      {sections.map((section, index) => <RelatedLinks key={index} title={section.title} items={section.items} />)}
    </div>;
};

export const RelatedLinks = ({title, items = []}) => {
  const getBadgeClass = badge => {
    if (!badge) return "badge-default";
    const badgeType = badge.toLowerCase().replace(/\s+/g, "-");
    return `badge-${badge === "ガイド" ? "guide" : badgeType}`;
  };
  if (!items || items.length === 0) {
    return null;
  }
  return <div className="my-8">
      {}
      <h3 className="text-sm font-bold uppercase tracking-wider mb-4">{title}</h3>

      {}
      <div className="flex flex-col gap-3">
        {items.map((item, index) => <a key={index} href={item.href} className="py-2 px-3 rounded related_link hover:bg-[#f2f2f2] dark:hover:bg-[#111827] flex items-center gap-3 group no-underline hover:no-underline border-b-0">
            {}
            <span className={`px-2 py-1 rounded-full text-xs font-semibold uppercase tracking-wide flex-shrink-0 ${getBadgeClass(item.badge)}`}>
              {item.badge}
            </span>

            {}
            <span className="text-base">{item.label}</span>
          </a>)}
      </div>
    </div>;
};

<RelatedLinks
  title="必須のガイド"
  items={[
{ label: translate("Webhook Event Triggers"), href: "/guides/webhooks/triggers", badge: "GUIDE" }
]}
/>

V1 Webhookを作成するには、[開発者コンソール][devconsole]で以下の手順に従います。

1. [開発者コンソール][devconsole]で、目的のアプリケーションに移動します。
2. \[**Webhook**] タブを選択します。
3. \[**新規Webhookの作成**] ボタンをクリックします。
4. イベントトリガー、エンドポイントURL、1つ以上のコールバックパラメータなどをフォームに入力します。
5. \[**Webhookの保存**] をクリックします。

<Warning>
  **コールバックパラメータ**

  V2 Webhookとは異なり、これらの手動によるWebhookにはデータを構成する必要があります。このデータは、本文のクエリ文字列として、または`name=Contract.pdf&type=file`のようなクエリパラメータとして送信されます。
</Warning>

## 開発者モード

デフォルトでは、V1 Webhookは、開発者コンソールの \[**一般設定**] タブにアプリケーションコラボレータとして表示されているユーザーに対してのみ機能します。Webhookをすべてのユーザーに対して有効にするには、[サポートにお問い合わせください][support]。

## Webhookの有効化

Webhookを作成した後、使用を開始するには、アプリケーションをユーザーのアカウントに追加する必要があります。

アプリを追加するためのURLを取得するには、OAuth 2.0認証アプリで以下の手順に従います。

1. [開発者コンソール][devconsole]で、目的のアプリケーションの \[**統合**] タブに移動します。
2. \[**アプリを送信**] をクリックします。心配しないでください。送信プロセスは完了しません。
3. ページ下部で \[**プレビュー**] をクリックします。
4. \[**追加**] をクリックします。

<Warning>
  その他すべての認証タイプの場合、このURLを取得するには、サポートに問い合わせる必要があります。
</Warning>

これでWebhookは、ユーザーのアカウントで発生する構成済みのイベントに対してトリガーされるようになりました。

[devconsole]: https://app.box.com/developers/console

[support]: https://support.box.com

<RelatedLinks
  title="関連するガイド"
  items={[
{ label: translate("Webhook Event Triggers"), href: "/guides/webhooks/triggers", badge: "GUIDE" }
]}
/>
