> ## 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.

# Platformアプリの作成

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>;
};

export const Link = ({href, children, className, ...props}) => {
  const localizedHref = localizeLink(href);
  return <a href={localizedHref} className={className} {...props}>
      {children}
    </a>;
};

Platformアプリでは、Boxの150を超えるエンドポイントの操作が可能になります。たとえば、メタデータのダウンロード/アップロード、検索、適用などが可能です。

## 前提条件

[開発者コンソール][dev-console]へのアクセス権限。

## Platformアプリの作成

1. [開発者コンソール][dev-console]に移動します。
2. \[**Platformアプリの作成**] を選択します。
3. アプリの名前を入力します。
4. 使用する認証方法を選択します。
5. \[**アプリの作成**] を選択します。

## アプリケーション設定の構成

Platformアプリの作成後、設定画面が表示されます。

### 一般設定

* \[**アプリ名**] - アプリ作成時に設定する名前。ここで必要に応じて変更できます。
* \[**アプリの説明**] - アプリの説明を入力します (省略可)。
* \[**連絡先メール**] - デフォルトでアプリケーションの開発者のアドレスに設定されます。アプリを公開すると、<Link href="/guides/applications/integrations">統合</Link>でアプリを表示したBoxユーザーにこのアドレスが表示されることに注意してください。統合に問題があった場合にユーザーがサポートに連絡できるよう、サポートのメールアドレスに変更することをお勧めします。

### 構成

* \[**目的**] - アプリの目的をドロップダウンリストから選択します。選択したオプションに応じて、さらに詳細を指定することが必要になる場合があります。

| 目的                         | 詳細                                                                  |
| -------------------------- | ------------------------------------------------------------------- |
| \[**自動化**]、\[**カスタムポータル**] | アプリの作成者 (お客様またはパートナー) を指定します。                                       |
| **統合**                     | 統合のカテゴリ、外部システム名 (外部システムと統合している場合) のほか、アプリの作成者 (お客様またはパートナー) を指定します。 |
| *\[その他]*                   | アプリの目的と、アプリの作成者 (お客様またはパートナー) を指定します。                               |

* \[**認証方法**] - Box APIに対するアプリの認証方法を選択します。

選択した認証方法に応じて、さらに詳細を指定する必要があります。

| 認証方法             | 詳細                                             |
| ---------------- | ---------------------------------------------- |
| **OAuth 2.0**    | クライアントIDとクライアントシークレットを指定します。                   |
| **JWT**          | 公開キーを追加するか、公開/秘密キーペアを生成します。アプリのアクセスレベルを選択します。  |
| **クライアント資格情報許可** | クライアントIDとクライアントシークレットを指定します。アプリのアクセスレベルを選択します。 |

* \[**開発者トークン**] - 開発者トークンは、Platformアプリの作成時に自動的に作成されます。
* \[**アプリケーションスコープ**] - アプリに付与するスコープを選択します。各オプションの詳細については、<Link href="/guides/api-calls/permissions-and-errors/scopes">スコープガイド</Link>を参照してください。
* \[**高度な機能**] - アプリケーションに必要となる高度な機能を有効にします。
* \[**CORSドメイン**] - リクエストを許可するドメインを追加します。

[dev-console]: https://app.box.com/developers/console

<RelatedLinks
  title="関連するガイド"
  items={[
{ label: translate("Select Auth Method"), href: "/guides/authentication/select", badge: "GUIDE" }
]}
/>