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

# 認可コードをトークンに交換

> ユーザーがコールバックにリダイレクトされたら、認可コードをアクセストークンに交換します。

export const ResponseSchema = ({statusCode, type = "{}", children}) => {
  const [open, setOpen] = useState(false);
  return <div className="border border-gray-100 dark:border-gray-800 rounded-lg mb-3 overflow-hidden">
      <div className={`flex items-center gap-2.5 px-4 py-2.5 cursor-pointer select-none ${open ? "bg-gray-50 dark:bg-gray-800" : ""}`} onClick={() => setOpen(!open)}>
        {statusCode && <span className="border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 font-mono text-xs px-1.5 py-0.5 rounded">
            {statusCode.startsWith("default") ? "default" : statusCode}
          </span>}
        <span className="text-gray-500 dark:text-gray-400 text-sm font-mono">
          {type}
        </span>
        <span className="text-gray-400 dark:text-gray-500 text-sm italic">
          application/json
        </span>
        <svg className={`ml-auto opacity-50 transition-transform duration-200 ${open ? "rotate-180" : ""}`} width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M4 6l4 4 4-4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
        </svg>
      </div>
      {open && <div className="px-4 pt-1 pb-3 border-t border-gray-100 dark:border-gray-800">
          {children}
        </div>}
    </div>;
};

<div id="endpoint">
  ## エンドポイント
</div>

`POST /oauth/token`

ユーザーがコールバックにリダイレクトされたら、認可コードをアクセストークンや IDトークンと交換するために、`oauth/token` エンドポイントに `POST` リクエストを送信する必要があります。

<div id="remarks">
  ### 注記
</div>

`/oauth/token` エンドポイントを呼び出すには、次の要件を満たす必要があります。

* リクエストの Content-Type を `application/x-www-form-urlencoded` に設定する
* 渡すパラメーターはすべて文字列として指定する
* リクエストに、アプリケーション認証用の追加パラメーターを含める (例: `client_secret`、または JSON Web Token Client Authentication の場合は `client_assertion` と `client_assertion_type`。Mutual TLS を使用する場合は、`client-certificate` および `client-certificate-ca-verified` ヘッダーを渡します) 。

<div id="headers">
  ## ヘッダー
</div>

<ParamField header="DPoP" type="string">
  リクエストの DPoP 証明です。これは省略可能で、アプリケーションで Demonstrating Proof-of-Possession を使用している場合にのみ必要です。
</ParamField>

<div id="body-parameters">
  ## ボディパラメーター
</div>

<ParamField body="grant_type" type="string" required>
  フローを示します。有効な認可コードとともに `authorization_code` を使用してください。
</ParamField>

<ParamField body="code" type="string">
  最初の `/authorize` 呼び出しで取得した認可コードです。
</ParamField>

<ParamField body="client_id" type="string" required>
  アプリケーションの `client_id` です。必須です。
</ParamField>

<ParamField body="request_uri" type="string">
  `GET` `/oauth/par` エンドポイントで設定した場合にのみ必須です。
</ParamField>

<ParamField body="code_verifier" type="string">
  `code_challenge` の生成に使用する、暗号学的にランダムなキーです。`code_challenge` を指定した場合は推奨されます。
</ParamField>

<div id="response-schema">
  ## レスポンススキーマ
</div>

<ResponseSchema>
  <ResponseField name="access_token" type="string">
    保護されたリソースへのアクセスに使用するアクセストークン。
  </ResponseField>

  <ResponseField name="refresh_token" type="string">
    新しいアクセストークンを取得するために使用するトークン。
  </ResponseField>

  <ResponseField name="id_token" type="string">
    IDトークン。
  </ResponseField>

  <ResponseField name="token_type" type="string">
    トークンの種類。通常は `Bearer` です。
  </ResponseField>

  <ResponseField name="expires_in" type="integer">
    アクセストークンの有効期間 (秒) 。
  </ResponseField>
</ResponseSchema>

<div id="response-messages">
  ## レスポンスメッセージ
</div>

| ステータス | 説明              |
| ----- | --------------- |
| 200   | トークンを含む成功レスポンス。 |