> ## 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. > ネイティブ、モバイル、またはシングルページアプリケーションから、PKCE（Proof Key for Code Exchange）を使用する認可コードフローで API を呼び出す方法を学びます。 # PKCE を使用する認可コードフローで API を呼び出す export const AuthCodeGroup = ({children, dropdown}) => { const [processedChildren, setProcessedChildren] = useState(children); useEffect(() => { let unsubscribe = null; function init() { unsubscribe = window.autorun(() => { const processChildren = node => { if (typeof node === "string") { let processedNode = node; for (const [key, value] of window.rootStore.variableStore.values.entries()) { const escapedKey = key.replaceAll(/[.*+?^${}()|[\]\\]/g, (String.raw)`\$&`); processedNode = processedNode.replaceAll(new RegExp(escapedKey, "g"), value); } return processedNode; } else if (Array.isArray(node)) { return node.map(processChildren); } else if (node && node.props && node.props.children) { return { ...node, props: { ...node.props, children: processChildren(node.props.children) } }; } return node; }; setProcessedChildren(processChildren(children)); }); } if (window.rootStore) { init(); } else { window.addEventListener("adu:storeReady", init); } return () => { window.removeEventListener("adu:storeReady", init); unsubscribe?.(); }; }, [children]); return {processedChildren}; }; export const AuthCodeBlock = ({filename, icon, language, highlight, children}) => { const [displayText, setDisplayText] = useState(children); const [copyText, setCopyText] = useState(children); const wrapperRef = React.useRef(null); useEffect(() => { let unsubscribe = null; function init() { if (!window.autorun || !window.rootStore) { return; } unsubscribe = window.autorun(() => { let processedChildrenForDisplay = children; let processedChildrenForCopy = children; for (const [key, value] of window.rootStore.variableStore.values.entries()) { const escapedKey = key.replaceAll(/[.*+?^${}()|[\]\\]/g, (String.raw)`\$&`); let displayValue = value; if (key === "{yourClientSecret}" && value !== "{yourClientSecret}") { displayValue = value.substring(0, 3) + "*****マスク済み*****"; } processedChildrenForDisplay = processedChildrenForDisplay.replaceAll(new RegExp(escapedKey, "g"), displayValue); processedChildrenForCopy = processedChildrenForCopy.replaceAll(new RegExp(escapedKey, "g"), value); } setDisplayText(processedChildrenForDisplay); setCopyText(processedChildrenForCopy); }); } if (window.rootStore) { init(); } else { window.addEventListener("adu:storeReady", init); } return () => { window.removeEventListener("adu:storeReady", init); unsubscribe?.(); }; }, [children]); useEffect(() => { if (!wrapperRef.current) return; const originalWriteText = navigator.clipboard.writeText.bind(navigator.clipboard); let isOverriding = false; const handleClick = e => { const button = e.target.closest('[data-testid="copy-code-button"]'); if (!button || !wrapperRef.current.contains(button)) return; isOverriding = true; navigator.clipboard.writeText = text => { if (isOverriding) { isOverriding = false; navigator.clipboard.writeText = originalWriteText; return originalWriteText(copyText); } return originalWriteText(text); }; setTimeout(() => { if (isOverriding) { isOverriding = false; navigator.clipboard.writeText = originalWriteText; } }, 100); }; const wrapper = wrapperRef.current; wrapper.addEventListener('click', handleClick, true); return () => { wrapper.removeEventListener('click', handleClick, true); if (navigator.clipboard.writeText !== originalWriteText) { navigator.clipboard.writeText = originalWriteText; } }; }, [copyText]); return
{displayText}
; }; このチュートリアルでは、ネイティブアプリ、モバイルアプリ、またはシングルページアプリから、PKCE を使用する認可コードフローを使って独自の API を呼び出す方法を説明します。フローの仕組みと、これを使用すべき理由については、[Authorization Code Flow with Proof Key for Code Exchange (PKCE)](/ja/docs/get-started/authentication-and-authorization-flow/authorization-code-flow-with-pkce) を参照してください。ネイティブアプリ、モバイルアプリ、またはシングルページアプリにログインを追加する方法については、[Add Login Using Authorization Code Flow with PKCE](/ja/docs/get-started/authentication-and-authorization-flow/authorization-code-flow-with-pkce/add-login-using-the-authorization-code-flow-with-pkce) を参照してください。 Auth0 では、次を使用してアプリに PKCE を使用する認可コードフローを簡単に実装できます。 * [Auth0 Mobile SDKs](/ja/docs/libraries) と [Auth0 Single-Page App SDK](/ja/docs/libraries/auth0-single-page-app-sdk): フローを実装する最も簡単な方法です。実装に必要な作業の大部分を SDK が処理します。[モバイル クイックスタート](/ja/docs/quickstart/native) と [シングルページアプリ クイックスタート](/ja/docs/quickstart/spa) では、手順を順を追って説明しています。 * [Authentication API](https://auth0.com/docs/api/authentication): 独自のソリューションを構築したい場合は、このまま読み進めて API を直接呼び出す方法を確認してください。
## 前提条件
**このチュートリアルを始める前に:** * [Auth0 にアプリケーションを登録する](/ja/docs/get-started/auth0-overview/create-applications/native-apps)。 * アプリケーションの種類に応じて、**Application Type** で **Native** または **Single-Page App** を選択します。 * **Allowed Callback URL** に `{yourCallbackUrl}` を追加します。コールバック URL の形式は、アプリケーションの種類とプラットフォームによって異なります。アプリケーションの種類およびプラットフォームごとの形式について詳しくは、[Native/Mobile クイックスタート](/ja/docs/quickstart/native) と [Single-Page App クイックスタート](/ja/docs/quickstart/spa) を参照してください。 * アプリケーションの **Grant Types** に **認可コード** が含まれていることを確認します。手順については、[Grant Types を更新する](/ja/docs/get-started/applications/update-grant-types) を参照してください。 * アプリケーションでリフレッシュトークンを使用できるようにするには、アプリケーションの **Grant Types** に **リフレッシュトークン** が含まれていることを確認します。手順については、[Grant Types を更新する](/ja/docs/get-started/applications/update-grant-types) を参照してください。リフレッシュトークンの詳細については、[Refresh Tokens](/ja/docs/secure/tokens/refresh-tokens) を参照してください。 * [Auth0 に API を登録する](/ja/docs/get-started/architecture-scenarios/mobile-api/part-2#create-the-api) * API が以前のトークンの有効期限が切れたときに新しいトークンを取得できるよう、API でリフレッシュトークンを受け取れるようにするには、**Allow Offline Access** を有効にします。
## 手順
1. [code verifier を作成](#create-code-verifier): トークンをリクエストするために Auth0 に送信する `code_verifier` を生成します。 2. [code challenge を作成](#create-code-challenge): Auth0 に送信して `authorization_code` をリクエストするための `code_challenge` を、`code_verifier` から生成します。 3. [ユーザーを認可](#authorize-user): ユーザーの認可を取得し、`authorization_code` とともにアプリへリダイレクトします。 4. [トークンをリクエスト](#request-tokens): `authorization_code` と `code_verifier` を使ってトークンを取得します。 5. [API を呼び出す](#call-api): 取得したアクセストークンを使用して API を呼び出します。 6. [トークンを更新](#refresh-tokens): 既存のトークンの有効期限が切れたら、リフレッシュトークンを使用して新しいトークンをリクエストします。 任意: [サンプルのユースケースを確認](#sample-use-cases)。
### code verifier を作成する
`code_verifier` を作成します。これは、後でトークンをリクエストするために Auth0 に送信する、暗号学的にランダムな Base64 エンコード済みのキーです。
#### JavaScript サンプル
```javascript lines theme={null} // 依存関係: Node.js crypto モジュール // https://nodejs.org/api/crypto.html#crypto_crypto function base64URLEncode(str) { return str.toString('base64') .replace(/\+/g, '-') .replace(/\//g, '_') .replace(/=/g, ''); } var verifier = base64URLEncode(crypto.randomBytes(32)); ``` #### Java の例 ```java lines theme={null} // 依存関係: Apache Commons Codec // https://commons.apache.org/proper/commons-codec/ // Base64クラスをインポートします。 // import org.apache.commons.codec.binary.Base64; SecureRandom sr = new SecureRandom(); byte[] code = new byte[32]; sr.nextBytes(code); String verifier = Base64.getUrlEncoder().withoutPadding().encodeToString(code); ```
#### Android のサンプル
```kotlin lines theme={null} // https://developer.android.com/reference/android/util/Base64 を参照 // Base64クラスをインポートする // import android.util.Base64; SecureRandom sr = new SecureRandom(); byte[] code = new byte[32]; sr.nextBytes(code); String verifier = Base64.encodeToString(code, Base64.URL_SAFE | Base64.NO_WRAP | Base64.NO_PADDING); ```
#### Swift 5 のサンプル
```swift lines theme={null} var buffer = [UInt8](repeating: 0, count: 32) _ = SecRandomCopyBytes(kSecRandomDefault, buffer.count, &buffer) let verifier = Data(buffer).base64EncodedString() .replacingOccurrences(of: "+", with: "-") .replacingOccurrences(of: "/", with: "_") .replacingOccurrences(of: "=", with: "") ```
#### Objective-C のサンプル
```objc lines theme={null} NSMutableData *data = [NSMutableData dataWithLength:32]; int result __attribute__((unused)) = SecRandomCopyBytes(kSecRandomDefault, 32, data.mutableBytes); NSString *verifier = [[[[data base64EncodedStringWithOptions:0] stringByReplacingOccurrencesOfString:@"+" withString:@"-"] stringByReplacingOccurrencesOfString:@"/" withString:@"_"] stringByTrimmingCharactersInSet:[NSCharacterSet characterSetWithCharactersInString:@"="]]; ```
### code challenge を生成する
Auth0 に送信して `authorization_code` をリクエストするため、`code_verifier` から `code_challenge` を生成します。 #### Javascript サンプル ```javascript lines theme={null} // 依存関係: Node.js crypto モジュール // https://nodejs.org/api/crypto.html#crypto_crypto function sha256(buffer) { return crypto.createHash('sha256').update(buffer).digest(); } var challenge = base64URLEncode(sha256(verifier)); ```
#### Java サンプル
```java lines theme={null} // 依存関係: Apache Commons Codec // https://commons.apache.org/proper/commons-codec/ // Base64クラスをインポートします。 // import org.apache.commons.codec.binary.Base64; byte[] bytes = verifier.getBytes("US-ASCII"); MessageDigest md = MessageDigest.getInstance("SHA-256"); md.update(bytes, 0, bytes.length); byte[] digest = md.digest(); String challenge = Base64.encodeBase64URLSafeString(digest); ```
#### Swift 5 のサンプル
```swift lines theme={null} import CommonCrypto // ... guard let data = verifier.data(using: .utf8) else { return nil } var buffer = [UInt8](repeating: 0, count: Int(CC_SHA256_DIGEST_LENGTH)) _ = data.withUnsafeBytes { CC_SHA256($0.baseAddress, CC_LONG(data.count), &buffer) } let hash = Data(buffer) let challenge = hash.base64EncodedString() .replacingOccurrences(of: "+", with: "-") .replacingOccurrences(of: "/", with: "_") .replacingOccurrences(of: "=", with: "") ``` #### Objective-C の例 ```objc lines theme={null} // 依存関係: Apple Common Crypto ライブラリ // http://opensource.apple.com//source/CommonCrypto u_int8_t buffer[CC_SHA256_DIGEST_LENGTH * sizeof(u_int8_t)]; memset(buffer, 0x0, CC_SHA256_DIGEST_LENGTH); NSData *data = [verifier dataUsingEncoding:NSUTF8StringEncoding]; CC_SHA256([data bytes], (CC_LONG)[data length], buffer); NSData *hash = [NSData dataWithBytes:buffer length:CC_SHA256_DIGEST_LENGTH]; NSString *challenge = [[[[hash base64EncodedStringWithOptions:0] stringByReplacingOccurrencesOfString:@"+" withString:@"-"] stringByReplacingOccurrencesOfString:@"/" withString:@"_"] stringByTrimmingCharactersInSet:[NSCharacterSet characterSetWithCharactersInString:@"="]]; ```
### ユーザーを認可する
`code_verifier` と `code_challenge` を作成したら、ユーザーの認可を得る必要があります。技術的には、これは 認可フロー の始まりであり、このステップには次のプロセスのうち 1 つ以上が含まれる場合があります。 * ユーザーを認証する。 * 認証を処理するため、ユーザーを IDプロバイダー にリダイレクトする。 * アクティブな [シングルサインオン (SSO) ](/ja/docs/authenticate/single-sign-on) セッションを確認する。 * 以前に同意が与えられていない場合は、要求された権限レベルに対するユーザーの同意を取得する。 ユーザーを認可するには、アプリはユーザーを [認可 URL](https://auth0.com/docs/api/authentication#authorization-code-grant-pkce-) にリダイレクトする必要があります。その際、前のステップで生成した `code_challenge` と、`code_challenge` の生成に使用したメソッドを含めます。
#### 認可 URL の例
export const codeExample1 = `https://{yourDomain}/authorize? response_type=code& code_challenge={codeChallenge}& code_challenge_method=S256& client_id={yourClientId}& redirect_uri={yourCallbackUrl}& scope=SCOPE& audience={apiAudience}& state={state}`;
##### パラメーター
カスタム API を呼び出す際にユーザーを認可する場合は、次の点に注意してください。 * audience パラメーターを含める必要があります * 対象 API でサポートされている追加のスコープを含めることもできます | Parameter Name | Description | | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `response_type` | Auth0 が返す認証情報の種類 (`code` または `token`) を示します。このフローでは、値は `code` でなければなりません。 | | `code_challenge` | `code_verifier` から生成されるチャレンジです。 | | `code_challenge_method` | チャレンジの生成に使用するメソッドです (例: `S256`) 。PKCE 仕様では `S256` と `plain` の 2 つのメソッドが定義されています。この例では前者を使用しており、後者は非推奨のため、Auth0 でサポートされるのは **S256** のみです。 | | `client_id` | アプリケーションのクライアントIDです。この値は [Application Settings](https://manage.auth0.com/#/Applications/\{yourClientId}/settings) で確認できます。 | | `redirect_uri` | ユーザーが認可を付与した後に、Auth0 がブラウザーをリダイレクトする先の URL です。認可コードは URL パラメーター `code` で受け取れます。この URL は、[Application Settings](https://manage.auth0.com/#/Applications/\{yourClientId}/settings) で有効な callback URL として指定する必要があります。

**警告:** [OAuth 2.0 Specification](https://tools.ietf.org/html/rfc6749#section-3.1.2) に従い、Auth0 はハッシュ以降のすべてを削除し、フラグメントは無視します。 | | `scope` | 認可をリクエストする [スコープ](/ja/docs/get-started/apis/scopes) です。各スコープはスペースで区切る必要があります。`profile` や `email` など、ユーザーに関する [標準 OpenID Connect (OIDC) スコープ](https://openid.net/specs/openid-connect-core-1_0.html#StandardClaims)、[名前空間形式](/ja/docs/secure/tokens/json-web-tokens/create-custom-claims) に準拠した [カスタムクレーム](/ja/docs/secure/tokens/json-web-tokens/json-web-token-claims#custom-claims)、または対象 API でサポートされる任意のスコープ (例: `read:contacts`) をリクエストできます。[リフレッシュトークン](/ja/docs/glossary?term=Refresh+Token) を取得するには `offline_access` を含めます ([Application Settings](https://manage.auth0.com/#/apis) で **Allow Offline Access** フィールドが有効になっていることを確認してください) 。 | | `audience` | モバイルアプリがアクセスする API の一意の識別子です。このチュートリアルの前提条件の一部として作成した API の [Settings](https://manage.auth0.com/#/apis) タブにある **識別子** の値を使用します。 | | `state` | (推奨) アプリが最初のリクエストに追加する、不透明な任意の英数字文字列です。Auth0 はこれをアプリケーションへのリダイレクト時に含めます。この値を使用してクロスサイトリクエストフォージェリ (CSRF) 攻撃を防ぐ方法については、[Mitigate CSRF Attacks With State Parameters](/ja/docs/secure/attack-protection/state-parameters) を参照してください。 | | `organization` | (任意) ユーザーの認証時に使用する組織の ID です。指定しない場合、アプリケーションで **Display Organization Prompt** が設定されていれば、ユーザーは認証時に組織名を入力できます。 | | `invitation` | (任意) 組織への招待のチケット ID です。[組織にメンバーを招待する](/ja/docs/manage-users/organizations/configure-organizations/invite-members) 場合、ユーザーが招待を承諾したときに、アプリケーションは `invitation` と `organization` のキーと値のペアを転送して、招待の承諾を処理する必要があります。 | 例として、API を呼び出す際の認可 URL 用 HTML スニペットは次のようになります。 export const codeExample2 = ` サインイン `;
#### レスポンス
正常に処理されると、`HTTP 302` レスポンスが返されます。認可コードは URL の末尾に含まれます。 ```http lines theme={null} HTTP/1.1 302 Found Location: {yourCallbackUrl}?code={authorizationCode}&state=xyzABC123 ```
### トークンを要求する
認可コードを取得したら、それをトークンと交換する必要があります。前の手順で取得した認可コード (`code`) を使用し、`code_verifier` を含めて [トークンURL](https://auth0.com/docs/api/authentication#authorization-code-pkce-) に `POST` します。
#### トークンURLへのPOSTリクエストの例
```bash cURL theme={null} curl --request POST \ --url 'https://{yourDomain}/oauth/token' \ --header 'content-type: application/x-www-form-urlencoded' \ --data grant_type=authorization_code \ --data 'client_id={yourClientId}' \ --data 'code_verifier={yourGeneratedCodeVerifier}' \ --data 'code={yourAuthorizationCode}' \ --data 'redirect_uri={https://yourApp/callback}' ``` ```csharp C# theme={null} var client = new RestClient("https://{yourDomain}/oauth/token"); var request = new RestRequest(Method.POST); request.AddHeader("content-type", "application/x-www-form-urlencoded"); request.AddParameter("application/x-www-form-urlencoded", "grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}", ParameterType.RequestBody); IRestResponse response = client.Execute(request); ``` ```go Go theme={null} package main import ( "fmt" "strings" "net/http" "io/ioutil" ) func main() { url := "https://{yourDomain}/oauth/token" payload := strings.NewReader("grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}") req, _ := http.NewRequest("POST", url, payload) req.Header.Add("content-type", "application/x-www-form-urlencoded") res, _ := http.DefaultClient.Do(req) defer res.Body.Close() body, _ := ioutil.ReadAll(res.Body) fmt.Println(res) fmt.Println(string(body)) } ``` ```java Java theme={null} HttpResponse response = Unirest.post("https://{yourDomain}/oauth/token") .header("content-type", "application/x-www-form-urlencoded") .body("grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}") .asString(); ``` ```javascript Node.JS theme={null} var axios = require("axios").default; var options = { method: 'POST', url: 'https://{yourDomain}/oauth/token', headers: {'content-type': 'application/x-www-form-urlencoded'}, data: new URLSearchParams({ grant_type: 'authorization_code', client_id: '{yourClientId}', code_verifier: '{yourGeneratedCodeVerifier}', code: '{yourAuthorizationCode}', redirect_uri: '{https://yourApp/callback}' }) }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); }); ``` ```php PHP theme={null} $curl = curl_init(); curl_setopt_array($curl, [ CURLOPT_URL => "https://{yourDomain}/oauth/token", CURLOPT_RETURNTRANSFER => true, CURLOPT_ENCODING => "", CURLOPT_MAXREDIRS => 10, CURLOPT_TIMEOUT => 30, CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST => "POST", CURLOPT_POSTFIELDS => "grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}", CURLOPT_HTTPHEADER => [ "content-type: application/x-www-form-urlencoded" ], ]); $response = curl_exec($curl); $err = curl_error($curl); curl_close($curl); if ($err) { echo "cURL Error #:" . $err; } else { echo $response; } ``` ```python Python theme={null} import http.client conn = http.client.HTTPSConnection("") payload = "grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}" headers = { 'content-type': "application/x-www-form-urlencoded" } conn.request("POST", "/{yourDomain}/oauth/token", payload, headers) res = conn.getresponse() data = res.read() print(data.decode("utf-8")) ``` ```ruby Ruby theme={null} require 'uri' require 'net/http' require 'openssl' url = URI("https://{yourDomain}/oauth/token") http = Net::HTTP.new(url.host, url.port) http.use_ssl = true http.verify_mode = OpenSSL::SSL::VERIFY_NONE request = Net::HTTP::Post.new(url) request["content-type"] = 'application/x-www-form-urlencoded' request.body = "grant_type=authorization_code&client_id={yourClientId}&code_verifier=%7ByourGeneratedCodeVerifier%7D&code=%7ByourAuthorizationCode%7D&redirect_uri={https://yourApp/callback}" response = http.request(request) puts response.read_body ```
##### パラメーター
| パラメーター名 | 説明 | | --------------- | -------------------------------------------------------------------------------------------------------------------------- | | `grant_type` | `"authorization_code"` に設定します。 | | `code_verifier` | このチュートリアルの最初のステップで生成した、暗号学的にランダムなキーです。 | | `code` | このチュートリアルの前のステップで取得した `authorization_code` です。 | | `client_id` | アプリケーションのクライアントIDです。この値は [Application Settings](https://manage.auth0.com/#/Applications/\{yourClientId}/settings) で確認できます。 | | `redirect_uri` | アプリケーション設定で設定した有効なコールバック URL です。これは、このチュートリアルの前のステップで認可 URL に渡した `redirect_uri` と完全に一致している必要があります。なお、URL エンコードする必要があります。 |
#### レスポンス
正常に処理されると、`access_token`、`refresh_token`、`id_token`、`token_type` の各値を含むペイロードを含む HTTP 200 レスポンスが返されます。 ```json lines theme={null} { "access_token":"eyJz93a...k4laUWw", "refresh_token":"GEbRxBN...edjnXbL", "id_token":"eyJ0XAi...4faeEoQ", "token_type":"Bearer", "expires_in":86400 } ``` トークンは保存する前に検証してください。手順については、[IDトークンを検証する](/ja/docs/secure/tokens/id-tokens/validate-id-tokens)および[アクセストークンを検証する](/ja/docs/secure/tokens/access-tokens/validate-access-tokens)を参照してください。 [IDトークン](/ja/docs/secure/tokens/id-tokens)には、デコードして取り出す必要があるユーザー情報が含まれています。 [アクセストークン](/ja/docs/secure/tokens/access-tokens)は、[Auth0 Authentication API の /userinfo エンドポイント](https://auth0.com/docs/api/authentication#get-user-info)または別の API を呼び出すために使用します。独自の API を呼び出す場合、最初に必要になるのは、[アクセストークンを検証すること](/ja/docs/secure/tokens/access-tokens/validate-access-tokens)です。 [リフレッシュトークン](/ja/docs/secure/tokens/refresh-tokens)は、前の アクセストークン または IDトークン の有効期限が切れた後に、新しいトークンを取得するために使用します。`refresh_token` は、`offline_access` スコープを含め、Dashboard で API の **Allow Offline Access** を有効にした場合にのみレスポンスに含まれます。 リフレッシュトークンがあると、ユーザーは実質的に無期限で認証済みの状態を維持できるため、厳重に保管する必要があります。
### API を呼び出す
ネイティブアプリケーションまたはモバイルアプリケーションから API を呼び出すには、アプリケーションで取得したアクセストークンを Bearer トークンとして HTTP リクエストの Authorization ヘッダーに渡す必要があります。 ```bash cURL lines theme={null} curl --request GET \ --url https://myapi.com/api \ --header 'authorization: Bearer {accessToken}' \ --header 'content-type: application/json' ``` ```csharp C# lines theme={null} var client = new RestClient("https://myapi.com/api"); var request = new RestRequest(Method.GET); request.AddHeader("content-type", "application/json"); request.AddHeader("authorization", "Bearer {accessToken}"); IRestResponse response = client.Execute(request); ``` ```go Go lines expandable theme={null} package main import ( "fmt" "net/http" "io/ioutil" ) func main() { url := "https://myapi.com/api" req, _ := http.NewRequest("GET", url, nil) req.Header.Add("content-type", "application/json") req.Header.Add("authorization", "Bearer {accessToken}") res, _ := http.DefaultClient.Do(req) defer res.Body.Close() body, _ := ioutil.ReadAll(res.Body) fmt.Println(res) fmt.Println(string(body)) } ``` ```java Java lines theme={null} HttpResponse response = Unirest.get("https://myapi.com/api") .header("content-type", "application/json") .header("authorization", "Bearer {accessToken}") .asString(); ``` ```javascript Node.JS lines theme={null} var axios = require("axios").default; var options = { method: 'GET', url: 'https://myapi.com/api', headers: {'content-type': 'application/json', authorization: 'Bearer {accessToken}'} }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); }); ``` ```php PHP lines expandable theme={null} $curl = curl_init(); curl_setopt_array($curl, [ CURLOPT_URL => "https://myapi.com/api", CURLOPT_RETURNTRANSFER => true, CURLOPT_ENCODING => "", CURLOPT_MAXREDIRS => 10, CURLOPT_TIMEOUT => 30, CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST => "GET", CURLOPT_HTTPHEADER => [ "authorization: Bearer {accessToken}", "content-type: application/json" ], ]); $response = curl_exec($curl); $err = curl_error($curl); curl_close($curl); if ($err) { echo "cURL Error #:" . $err; } else { echo $response; } ``` ```python Python lines theme={null} import http.client conn = http.client.HTTPSConnection("myapi.com") headers = { 'content-type': "application/json", 'authorization': "Bearer {accessToken}" } conn.request("GET", "/api", headers=headers) res = conn.getresponse() data = res.read() print(data.decode("utf-8")) ``` ```ruby Ruby lines theme={null} require 'uri' require 'net/http' require 'openssl' url = URI("https://myapi.com/api") http = Net::HTTP.new(url.host, url.port) http.use_ssl = true http.verify_mode = OpenSSL::SSL::VERIFY_NONE request = Net::HTTP::Get.new(url) request["content-type"] = 'application/json' request["authorization"] = 'Bearer {accessToken}' response = http.request(request) puts response.read_body ```
### リフレッシュトークン
このチュートリアルに沿って進め、次の内容を完了していれば、すでに[リフレッシュトークン](/ja/docs/secure/tokens/refresh-tokens)を受け取っています。 * API を設定してオフラインアクセスを許可した * [authorize エンドポイント](https://auth0.com/docs/api/authentication/reference#authorize-application)を通じて認証リクエストを開始する際に、`offline_access` スコープを含めた 新しいアクセストークンを取得するには、リフレッシュトークンを使用できます。通常、ユーザーが新しいアクセストークンを必要とするのは、前のトークンの有効期限が切れた後か、新しいリソースへのアクセスが初めて必要になったときだけです。API を呼び出すたびに新しいアクセストークンを取得するためにこのエンドポイントを呼び出すのはベストプラクティスではありません。また、Auth0 ではレート制限が適用されているため、同じ IP から同じトークンを使用してそのエンドポイントに実行できるリクエスト数は制限されます。 トークンを更新するには、`grant_type=refresh_token` を使用して、Authentication API の `/oauth/token` エンドポイントに `POST` リクエストを送信します。 #### トークンURLへのPOSTの例 ```bash cURL theme={null} curl --request POST \ --url 'https://{yourDomain}/oauth/token' \ --header 'content-type: application/x-www-form-urlencoded' \ --data grant_type=refresh_token \ --data 'client_id={yourClientId}' \ --data 'refresh_token={yourRefreshToken}' ``` ```csharp C# theme={null} var client = new RestClient("https://{yourDomain}/oauth/token"); var request = new RestRequest(Method.POST); request.AddHeader("content-type", "application/x-www-form-urlencoded"); request.AddParameter("application/x-www-form-urlencoded", "grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D", ParameterType.RequestBody); IRestResponse response = client.Execute(request); ``` ```go Go theme={null} package main import ( "fmt" "strings" "net/http" "io/ioutil" ) func main() { url := "https://{yourDomain}/oauth/token" payload := strings.NewReader("grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D") req, _ := http.NewRequest("POST", url, payload) req.Header.Add("content-type", "application/x-www-form-urlencoded") res, _ := http.DefaultClient.Do(req) defer res.Body.Close() body, _ := ioutil.ReadAll(res.Body) fmt.Println(res) fmt.Println(string(body)) } ``` ```java Java theme={null} HttpResponse response = Unirest.post("https://{yourDomain}/oauth/token") .header("content-type", "application/x-www-form-urlencoded") .body("grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D") .asString(); ``` ```javascript Node.JS theme={null} var axios = require("axios").default; var options = { method: 'POST', url: 'https://{yourDomain}/oauth/token', headers: {'content-type': 'application/x-www-form-urlencoded'}, data: new URLSearchParams({ grant_type: 'refresh_token', client_id: '{yourClientId}', refresh_token: '{yourRefreshToken}' }) }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); }); ``` ```php PHP theme={null} $curl = curl_init(); curl_setopt_array($curl, [ CURLOPT_URL => "https://{yourDomain}/oauth/token", CURLOPT_RETURNTRANSFER => true, CURLOPT_ENCODING => "", CURLOPT_MAXREDIRS => 10, CURLOPT_TIMEOUT => 30, CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST => "POST", CURLOPT_POSTFIELDS => "grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D", CURLOPT_HTTPHEADER => [ "content-type: application/x-www-form-urlencoded" ], ]); $response = curl_exec($curl); $err = curl_error($curl); curl_close($curl); if ($err) { echo "cURL Error #:" . $err; } else { echo $response; } ``` ```python Python theme={null} import http.client conn = http.client.HTTPSConnection("") payload = "grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D" headers = { 'content-type': "application/x-www-form-urlencoded" } conn.request("POST", "/{yourDomain}/oauth/token", payload, headers) res = conn.getresponse() data = res.read() print(data.decode("utf-8")) ``` ```ruby Ruby theme={null} require 'uri' require 'net/http' require 'openssl' url = URI("https://{yourDomain}/oauth/token") http = Net::HTTP.new(url.host, url.port) http.use_ssl = true http.verify_mode = OpenSSL::SSL::VERIFY_NONE request = Net::HTTP::Post.new(url) request["content-type"] = 'application/x-www-form-urlencoded' request.body = "grant_type=refresh_token&client_id={yourClientId}&refresh_token=%7ByourRefreshToken%7D" response = http.request(request) puts response.read_body ```
##### パラメーター
| パラメーター名 | 説明 | | --------------- | -------------------------------------------------------------------------------------------------------------------------- | | `grant_type` | `refresh_token` に設定します。 | | `client_id` | アプリケーションのクライアントIDです。この値は [Application Settings](https://manage.auth0.com/#/Applications/\{yourClientId}/settings) で確認できます。 | | `refresh_token` | 使用するリフレッシュトークンです。 | | `scope` | (任意) 要求するスコープをスペース区切りで指定します。指定しない場合は元のスコープが使用されます。指定した場合は、元のスコープより少ない範囲を要求できます。なお、URL エンコードが必要です。 |
#### レスポンス
正常に処理されると、新しい `access_token`、その有効期間 (秒単位、`expires_in`) 、付与された `scope` 値、`token_type` を含むペイロードとともに `HTTP 200` レスポンスが返されます。初期トークンのスコープに `openid` が含まれている場合、レスポンスには新しい `id_token` も含まれます。 ```json lines theme={null} { "access_token": "eyJ...MoQ", "expires_in": 86400, "scope": "openid offline_access", "id_token": "eyJ...0NE", "token_type": "Bearer" } ``` 保存する前に、トークンを検証してください。方法については、[IDトークンを検証する](/ja/docs/secure/tokens/id-tokens/validate-id-tokens) と [アクセストークンを検証する](/ja/docs/secure/tokens/access-tokens/validate-access-tokens) を参照してください。
### 使用例
#### トークンをカスタマイズする
Actions を使用すると、返されるアクセストークンのスコープを変更したり、アクセストークンやIDトークンにクレームを追加したりできます。 (Actions の詳細については、[Auth0 Actions](/ja/docs/customize/actions) を参照してください。) これを行うには、ユーザーの認証後に実行される次の Action を追加します。 ```js lines theme={null} exports.onExecutePostLogin = async (event, api) => { // アクセストークンとIDトークンにカスタムクレームを追加する api.accessToken.setCustomClaim('https://foo/bar', 'value'); api.idToken.setCustomClaim('https://fiz/baz', 'some other value'); // アクセストークンのスコープを変更する api.accessToken.addScope('foo'); api.accessToken.addScope('bar'); }; ``` スコープは、Action の実行後にトークン内で利用できるようになります。 Auth0 は、[OpenID Connect (OIDC) 仕様](https://openid.net/specs/openid-connect-core-1_0.html#StandardClaims) で定義されているとおり、プロファイル情報を構造化されたクレーム形式で返します。つまり、IDトークンまたはアクセストークンに追加するカスタムクレームは、名前の衝突を避けるために、[ガイドラインと制限事項](/ja/docs/secure/tokens/json-web-tokens/create-custom-claims) に準拠する必要があります。
#### サンプルアプリケーションを見る: モバイルアプリ + API
実装例については、アーキテクチャシナリオの[モバイル + API](/ja/docs/get-started/architecture-scenarios/mobile-api)を参照してください。この一連のチュートリアルには、[GitHubで参照できるコードサンプル](https://github.com/auth0-samples/auth0-pnp-exampleco-timesheets)も用意されています。
## 詳しく見る
* [OAuth 2.0 認可フレームワーク](/ja/docs/authenticate/protocols/oauth) * [OpenID Connect プロトコル](/ja/docs/authenticate/protocols/openid-connect-protocol) * [トークン](/ja/docs/secure/tokens)