MENU
  1. ホーム
  2. Go
  3. Go言語でのCORS設定と外部リクエストの許可方法を徹底解説

Go言語でのCORS設定と外部リクエストの許可方法を徹底解説

Go

Go言語でWebアプリケーションを開発する際、外部からのリクエストを適切に処理するためには、CORS（クロスオリジンリソースシェアリング）の設定が不可欠です。CORSは、異なるオリジン間でリソースを共有するための仕組みであり、セキュリティと利便性を両立させる重要な役割を果たします。設定が不十分だと、ブラウザ上でCORSエラーが発生し、期待通りの通信が行えなくなる可能性があります。本記事では、CORSの基本概念から、Go言語を用いた具体的な設定方法、トラブルシューティングまで、包括的に解説します。この記事を通じて、CORSを正しく理解し、安全で効率的なWeb開発を実現しましょう。

目次
  1. CORSとは何か
    1. CORSの仕組み
    2. なぜCORSが必要か
  2. Go言語におけるCORSの重要性
    1. APIサーバーとフロントエンド間の通信
    2. セキュリティの確保
    3. 柔軟なアクセス制御
    4. GoでのCORS対応の現状
  3. GoでCORSを設定する方法
    1. ライブラリの導入
    2. 基本的なCORS設定
    3. プリフライトリクエストへの対応
    4. エラーの確認とデバッグ
  4. 特定のオリジンを許可する設定方法
    1. 特定のオリジンの許可
    2. コードの解説
    3. ワイルドカードの使用
    4. オリジンの動的設定
    5. 特定オリジン許可の実践例
  5. すべてのオリジンを許可する設定方法のリスクと対策
    1. すべてのオリジンを許可する設定
    2. すべてのオリジンを許可する場合のリスク
    3. リスク軽減のための対策
    4. 推奨される利用ケース
  6. Goでの外部リクエスト許可のベストプラクティス
    1. 1. 必要最小限のオリジンを許可する
    2. 2. HTTPメソッドの制限
    3. 3. セキュリティヘッダーの利用
    4. 4. クレデンシャルの安全な管理
    5. 5. レートリミットの適用
    6. 6. ログと監視の実装
    7. まとめ
  7. トラブルシューティング：CORSエラーへの対処法
    1. CORSエラーの仕組み
    2. CORSエラーの原因と解決方法
    3. デバッグ手法
    4. よくある問題とチェックリスト
  8. 演習問題：CORS設定を実装してみよう
    1. 演習1: 基本的なCORS設定
    2. 演習2: ワイルドカードを用いたCORS設定
    3. 演習3: 動的オリジン設定
    4. 演習4: クレデンシャル付きリクエストの許可
    5. 演習問題のテスト方法
    6. 次のステップ
  9. まとめ

CORSとは何か


CORS（Cross-Origin Resource Sharing）とは、異なるオリジン間でのリソース共有を可能にするためのWeb標準の仕組みです。オリジンとは、プロトコル、ホスト名、ポート番号の組み合わせを指し、これらが異なる場合、リクエストは「クロスオリジン」とみなされます。

CORSの仕組み


CORSは、Webブラウザとサーバー間で事前の合意を行うことで、安全にリソースを共有します。具体的には、以下のプロセスを経ます：

  1. プリフライトリクエスト
    特定の条件下でブラウザがOPTIONSメソッドを使用してサーバーに問い合わせを送信します。このリクエストには、許可されているHTTPメソッドやヘッダーの情報が含まれます。
  2. サーバーからのレスポンス
    サーバーはリクエストヘッダーを解析し、許可されたオリジンやメソッドを明示するヘッダーを返します。
  3. 実リクエストの送信
    ブラウザが事前チェックで得た情報を基に、実際のリクエストを送信します。

なぜCORSが必要か


CORSは、WebのセキュリティポリシーであるSOP（Same-Origin Policy）を補完するために導入されました。SOPは異なるオリジン間でのリソース共有を禁止し、悪意あるスクリプトによる攻撃を防ぐ役割を果たします。しかし、正当な目的で異なるオリジンにリソースをリクエストするニーズも存在します。CORSはこれらの要件を満たし、必要な柔軟性を提供します。

CORSを理解することで、セキュリティを維持しつつ、外部リソースとの効率的な連携が可能になります。次のセクションでは、Go言語でのCORS設定の重要性を見ていきます。

Go言語におけるCORSの重要性

CORSの設定は、Go言語を使用してWebアプリケーションを開発する際に特に重要です。Goはバックエンドの実装に適した言語であり、APIサーバーとして利用されることが多いため、外部からのリクエストを適切に処理する仕組みが必要になります。

APIサーバーとフロントエンド間の通信


モダンなWebアプリケーションでは、バックエンド（Go）とフロントエンド（例えばReactやVue.js）が異なるオリジンでホストされていることが一般的です。この場合、フロントエンドからバックエンドへの通信はクロスオリジンのリクエストとみなされます。適切なCORS設定が行われていないと、ブラウザはリクエストをブロックしてしまいます。

セキュリティの確保


CORSは単にリクエストを許可するだけでなく、どのオリジンに対してリソースを公開するかを細かく制御する手段を提供します。これにより、不特定多数のクライアントからのアクセスを防ぎ、意図しないリソースの流出を防ぐことが可能です。

柔軟なアクセス制御


CORSを利用することで、特定のHTTPメソッドやカスタムヘッダーを含むリクエストの許可・制限が可能になります。例えば、POSTリクエストだけを許可する、特定のクライアントアプリケーションだけがAPIにアクセスできるようにする、といった設定が行えます。

GoでのCORS対応の現状


GoはCORS対応をサポートするための豊富なライブラリ（例: gorilla/handlers や rs/cors）を提供しています。これらを活用することで、手間をかけずにCORSの設定が可能です。

CORS設定が不十分な場合、開発中は問題がなくとも、実際の運用環境でエラーが発生することがあります。次のセクションでは、GoでCORSを設定する具体的な方法を解説します。

GoでCORSを設定する方法

Go言語では、CORSの設定を簡単に行うためのライブラリが提供されています。以下に、基本的なCORS設定の方法を説明します。

ライブラリの導入


CORS対応のために、github.com/rs/cors というライブラリがよく利用されます。このライブラリを使用すると、簡単にCORSの設定を行えます。以下のコマンドでライブラリをインストールします。

go get -u github.com/rs/cors

基本的なCORS設定


以下は、CORSを許可する基本的なGoのサンプルコードです。

package main

import (
    "fmt"
    "net/http"

    "github.com/rs/cors"
)

func main() {
    // ハンドラ関数を定義
    handler := http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprintln(w, "CORS settings are working!")
    })

    // CORSの設定を定義
    c := cors.New(cors.Options{
        AllowedOrigins:   []string{"http://example.com"}, // 許可するオリジン
        AllowedMethods:   []string{"GET", "POST"},       // 許可するHTTPメソッド
        AllowedHeaders:   []string{"Content-Type"},      // 許可するHTTPヘッダー
        AllowCredentials: true,                          // クレデンシャルの許可
    })

    // サーバーを起動
    http.ListenAndServe(":8080", c.Handler(handler))
}

コードの解説

  • AllowedOrigins: 許可するオリジンを指定します。*を指定すると全てのオリジンが許可されます（推奨されません）。
  • AllowedMethods: 許可するHTTPメソッドを指定します（例: GET, POST）。
  • AllowedHeaders: 許可するカスタムヘッダーを指定します（例: Content-Type）。
  • AllowCredentials: Cookieや認証情報を含むリクエストを許可する場合はtrueを指定します。

プリフライトリクエストへの対応


CORS設定では、OPTIONSメソッドを使用したプリフライトリクエストへの対応が重要です。上記のrs/corsライブラリは、プリフライトリクエストを自動的に処理してくれるため、特別な対応は不要です。

エラーの確認とデバッグ


サーバーが正しく設定されているか確認するには、ブラウザの開発者ツールを利用し、CORSリクエストのヘッダーとレスポンスを確認します。

次のセクションでは、特定のオリジンのみを許可する設定方法を詳しく解説します。

特定のオリジンを許可する設定方法

特定のオリジンのみを許可するCORS設定は、セキュリティを強化するために非常に重要です。この設定により、信頼できるクライアントアプリケーションだけがAPIにアクセスできるようになります。

特定のオリジンの許可


以下は、特定のオリジン（例: http://example.com）だけを許可する設定例です。

package main

import (
    "fmt"
    "net/http"

    "github.com/rs/cors"
)

func main() {
    // ハンドラ関数を定義
    handler := http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprintln(w, "Only specific origin is allowed!")
    })

    // 特定のオリジンを許可するCORS設定
    c := cors.New(cors.Options{
        AllowedOrigins: []string{"http://example.com", "http://another-example.com"},
    })

    // サーバーを起動
    http.ListenAndServe(":8080", c.Handler(handler))
}

コードの解説

  • AllowedOrigins: 配列として許可するオリジンを列挙します。この例では、http://example.com と http://another-example.com が許可されています。
  • 指定されていないオリジンからのリクエストはブラウザでブロックされます。

ワイルドカードの使用


特定の条件で、ワイルドカードを使って一部のオリジンを包括的に許可することも可能です。例えば、特定のサブドメインを許可するケースは以下のようになります。

cors.New(cors.Options{
    AllowedOrigins: []string{"*.example.com"}, // サブドメイン全てを許可
})

オリジンの動的設定


場合によっては、リクエストを受け取るたびに許可するオリジンを動的に決定する必要があります。この場合、AllowOriginFuncを使用します。

cors.New(cors.Options{
    AllowOriginFunc: func(origin string) bool {
        return origin == "http://example.com" || origin == "http://trusted-site.com"
    },
})

AllowOriginFuncのポイント

  • リクエストのOriginヘッダーを解析して、許可するかどうかをプログラムで決定します。
  • カスタムロジックを組み込むことで、より柔軟なアクセス制御が可能になります。

特定オリジン許可の実践例

  • 社内専用ツール: 特定のIPアドレスからのみアクセスを許可。
  • APIサービス: 登録済みクライアントアプリケーションのみをホワイトリスト方式で許可。

特定のオリジンを許可することで、外部からの不正なアクセスを防ぎ、信頼できるクライアントにのみリソースを提供することが可能になります。次のセクションでは、すべてのオリジンを許可する場合の設定方法とリスクについて解説します。

すべてのオリジンを許可する設定方法のリスクと対策

すべてのオリジンからのリクエストを許可する設定は便利ですが、セキュリティリスクを伴います。この設定を使用する際には、リスクを理解し適切な対策を講じる必要があります。

すべてのオリジンを許可する設定


*（ワイルドカード）を使用することで、すべてのオリジンからのリクエストを許可できます。以下はその設定例です。

package main

import (
    "fmt"
    "net/http"

    "github.com/rs/cors"
)

func main() {
    // ハンドラ関数を定義
    handler := http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprintln(w, "All origins are allowed!")
    })

    // すべてのオリジンを許可するCORS設定
    c := cors.New(cors.Options{
        AllowedOrigins: []string{"*"},
        AllowedMethods: []string{"GET", "POST", "PUT", "DELETE"},
    })

    // サーバーを起動
    http.ListenAndServe(":8080", c.Handler(handler))
}

コードの解説

  • AllowedOrigins: *: すべてのオリジンを許可する設定です。
  • AllowedMethods: すべてのHTTPメソッド（GET, POST, PUT, DELETEなど）を許可しています。

すべてのオリジンを許可する場合のリスク


すべてのオリジンを許可する設定には、以下のようなリスクが伴います。

1. 不特定多数からのアクセス


信頼できないクライアントがリソースにアクセスし、不正利用やリソースの枯渇を引き起こす可能性があります。

2. CSRF攻撃のリスク


認証情報を含むリクエストが他のオリジンから送信され、意図しない操作が行われる可能性があります。

3. データ漏洩


機密情報を含むAPIレスポンスが、制限のないオリジンへ送信される可能性があります。

リスク軽減のための対策


すべてのオリジンを許可する必要がある場合でも、以下の対策を講じることでセキュリティを向上させられます。

1. 認証と認可の実装


APIのアクセス制御を強化し、認証済みユーザーにのみリソースを提供します。たとえば、JWTトークンやOAuthを使用します。

2. リソースの分割


公開が必要なリソースと機密性の高いリソースを分離し、公開リソースのみにワイルドカードを使用します。

3. レートリミットの適用


リクエスト頻度を制限することで、リソースの不正利用を防ぎます。

4. クロスオリジンのクレデンシャル無効化


AllowCredentialsをfalseに設定し、Cookieや認証情報を伴うリクエストを禁止します。

c := cors.New(cors.Options{
    AllowedOrigins:   []string{"*"},
    AllowCredentials: false,
})

推奨される利用ケース


すべてのオリジンを許可する設定は、公開APIや開発環境で一時的に利用する場合に適しています。本番環境では、可能な限り特定のオリジンのみを許可する設定に切り替えるべきです。

次のセクションでは、Go言語における外部リクエスト許可のベストプラクティスについて解説します。

Goでの外部リクエスト許可のベストプラクティス

外部からのリクエストを許可する際、CORS設定を適切に行うことは安全で効率的なWebサービス運用に不可欠です。本セクションでは、Go言語を用いた外部リクエスト許可のベストプラクティスを紹介します。

1. 必要最小限のオリジンを許可する


すべてのオリジンを許可するのではなく、信頼できるオリジンのみを明示的に指定します。以下のように、特定のオリジンだけを許可する設定が推奨されます。

c := cors.New(cors.Options{
    AllowedOrigins: []string{"http://trusted-site.com", "http://example.com"},
})

ポイント

  • オリジンのリストを定期的に見直し、不要なオリジンを削除します。
  • 動的にオリジンを許可する場合は、AllowOriginFuncを利用して条件を精査します。

2. HTTPメソッドの制限


リソースごとに必要なHTTPメソッドのみを許可します。たとえば、読み取り専用のAPIエンドポイントではGETのみを許可します。

c := cors.New(cors.Options{
    AllowedMethods: []string{"GET"},
})

利点

  • 不要な操作（例: DELETEやPUT）をブロックし、意図しないデータ変更を防ぎます。

3. セキュリティヘッダーの利用


CORS設定に加え、セキュリティを強化するためのHTTPヘッダーを設定します。

func securityHeadersMiddleware(next http.Handler) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        w.Header().Set("X-Content-Type-Options", "nosniff")
        w.Header().Set("X-Frame-Options", "DENY")
        w.Header().Set("Content-Security-Policy", "default-src 'self'")
        next.ServeHTTP(w, r)
    })
}

利点

  • XSS（クロスサイトスクリプティング）やクリックジャッキングといった攻撃から保護します。

4. クレデンシャルの安全な管理


クレデンシャル（例: Cookieや認証トークン）を含むリクエストの場合、以下のようにCORS設定を慎重に行います。

c := cors.New(cors.Options{
    AllowCredentials: true,
    AllowedOrigins:   []string{"http://trusted-site.com"},
})

注意点

  • AllowCredentialsを有効にする場合、許可するオリジンを特定のものに制限する必要があります（ワイルドカードは使用不可）。

5. レートリミットの適用


外部リクエストを許可する場合、リクエストの頻度を制限してサービスの安定性を確保します。

import (
    "golang.org/x/time/rate"
    "net/http"
)

var limiter = rate.NewLimiter(1, 5) // 1秒あたり1リクエスト、最大バースト5

func rateLimitMiddleware(next http.Handler) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        if !limiter.Allow() {
            http.Error(w, "Too Many Requests", http.StatusTooManyRequests)
            return
        }
        next.ServeHTTP(w, r)
    })
}

利点

  • 悪意ある大量リクエスト（DDoS攻撃など）を防ぎ、リソースの無駄遣いを抑えます。

6. ログと監視の実装


外部リクエストをモニタリングし、不審なアクセスを検出します。Goでは、logパッケージや外部ライブラリ（例: Logrus, Zap）を活用できます。

log.Println("Incoming request from:", r.RemoteAddr)

まとめ


Go言語で外部リクエストを許可する際は、必要最小限のアクセス制御とセキュリティ対策を組み合わせることが重要です。これにより、リソースの保護とサービスの可用性を確保できます。次のセクションでは、CORSエラーへのトラブルシューティングについて解説します。

トラブルシューティング：CORSエラーへの対処法

CORS設定が不十分な場合、ブラウザ上でCORSエラーが発生し、期待通りの通信ができなくなることがあります。このセクションでは、CORSエラーの原因を特定し、効果的に対処する方法を解説します。

CORSエラーの仕組み


CORSエラーは、ブラウザがサーバーから適切なレスポンスヘッダーを受け取れなかった場合に発生します。典型的なエラーには以下のようなものがあります。

一般的なエラー例

  • Access to XMLHttpRequest at ‘…’ from origin ‘…’ has been blocked by CORS policy
    サーバーがリクエストされたオリジンを許可していない場合に発生します。
  • Response to preflight request doesn’t pass access control check
    プリフライトリクエストが失敗した場合に発生します。

CORSエラーの原因と解決方法

1. サーバーのCORS設定ミス


サーバー側のCORS設定が正しくない場合、リクエストがブロックされます。

解決策:

  • サーバーのAllowedOrigins設定を見直し、クライアントのオリジンが含まれていることを確認します。
  • 必要に応じて、rs/corsライブラリなどを使用して設定を簡略化します。

2. プリフライトリクエストの失敗


プリフライトリクエスト（OPTIONSメソッド）に対するレスポンスが適切でない場合に発生します。

解決策:

  • サーバーでOPTIONSメソッドをハンドリングする必要があります。以下は簡単な例です。
http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
    if r.Method == "OPTIONS" {
        w.Header().Set("Access-Control-Allow-Origin", "http://example.com")
        w.Header().Set("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
        w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
        w.WriteHeader(http.StatusNoContent)
        return
    }
    // 他の処理
})

3. 誤ったヘッダー設定


リクエストヘッダーまたはレスポンスヘッダーに誤りがある場合、CORSが失敗します。

解決策:

  • 必要なヘッダーが正しく設定されていることを確認します。特に以下のヘッダーが重要です：
  • Access-Control-Allow-Origin
  • Access-Control-Allow-Methods
  • Access-Control-Allow-Headers

4. クレデンシャル関連の問題


クレデンシャルを伴うリクエストで、CORS設定が不十分な場合に発生します。

解決策:

  • サーバー側でAllowCredentialsをtrueに設定し、オリジンを明示します（ワイルドカード不可）。
  • クライアント側でwithCredentialsオプションを有効にします（例: AxiosではwithCredentials: true）。

デバッグ手法

1. ブラウザの開発者ツールを活用

  • 開発者ツールの「ネットワーク」タブで、リクエストとレスポンスのヘッダーを確認します。
  • OPTIONSメソッドのレスポンスをチェックし、必要なヘッダーが含まれているかを確認します。

2. サーバーのログを確認

  • サーバー側でリクエスト内容をログに記録し、不足している設定を特定します。

3. テストツールの利用

  • PostmanやcURLを使用してリクエストをテストします。これにより、ブラウザを介さずに直接サーバーのレスポンスを検証できます。

よくある問題とチェックリスト

  • サーバーがリクエストのオリジンを許可しているか。
  • 必要なプリフライトヘッダーがレスポンスに含まれているか。
  • ブラウザキャッシュが原因で古い設定が適用されていないか。

CORSエラーの解消には、ブラウザとサーバーの間の通信を正確に理解し、設定を細かく調整することが求められます。次のセクションでは、CORS設定の実装を練習できる演習問題を紹介します。

演習問題：CORS設定を実装してみよう

CORSの設定は理論だけではなく、実際に手を動かすことで理解が深まります。以下の演習問題を通じて、CORS設定の実装を練習してみましょう。

演習1: 基本的なCORS設定


以下の要件を満たすCORS設定を実装してください。

要件:

  • 許可するオリジンはhttp://example.comのみ。
  • 許可するHTTPメソッドはGETとPOST。
  • 許可するヘッダーはContent-Type。

ヒント:
github.com/rs/corsライブラリを使用して設定を作成します。

期待される結果:
ブラウザからhttp://example.com以外のオリジンでアクセスするとCORSエラーが発生します。

演習2: ワイルドカードを用いたCORS設定


開発環境で、すべてのオリジンからのアクセスを一時的に許可する設定を実装してください。

要件:

  • すべてのオリジンを許可（*を使用）。
  • 許可するHTTPメソッドはGET, POST, DELETE。
  • プリフライトリクエスト（OPTIONSメソッド）にも対応。

ヒント:

  • Access-Control-Allow-Origin: *をレスポンスに追加します。
  • OPTIONSメソッドをハンドリングする必要があります。

演習3: 動的オリジン設定


動的にオリジンを許可する設定を実装してください。リクエストされたオリジンが信頼できるオリジンリストに含まれている場合のみ許可するようにします。

要件:

  • 許可するオリジンリスト：http://example.comとhttp://trusted.com。
  • 他のオリジンからのリクエストは拒否。
  • HTTPメソッドはGETのみ許可。

ヒント:
AllowOriginFuncを活用して、オリジンを動的に判定します。

演習4: クレデンシャル付きリクエストの許可


認証トークンやCookieを含むリクエストを許可する設定を実装してください。

要件:

  • 許可するオリジンはhttp://auth-client.comのみ。
  • AllowCredentialsを有効にする。
  • 許可するヘッダーはAuthorizationとContent-Type。

ヒント:

  • AllowCredentialsをtrueに設定します。
  • オリジンを特定のものに制限します（ワイルドカード不可）。

演習問題のテスト方法

  1. ブラウザでの確認:
    クライアント側で異なるオリジンからリクエストを送り、CORSエラーの有無を確認します。
  2. PostmanやcURLの使用:
    以下のコマンドでリクエストをテストします。
   curl -X GET -H "Origin: http://example.com" http://localhost:8080
  1. サーバーログの確認:
    設定が正しく適用されているか、サーバーのログでレスポンスヘッダーをチェックします。

次のステップ


これらの演習を通じて、CORS設定の基礎から応用までを実践的に学べます。すべての演習を完了した後は、CORS設定に関する深い理解と実装スキルが身についているでしょう。次のセクションでは、CORS設定と外部リクエスト許可の重要なポイントをまとめます。

まとめ

本記事では、Go言語でのCORS設定と外部リクエスト許可の方法について詳しく解説しました。CORSの基本概念、設定の重要性、具体的な設定方法から、リスクと対策、トラブルシューティング、さらに演習問題を通じて実践的な知識を学びました。

適切なCORS設定を行うことで、Webアプリケーションのセキュリティを確保しつつ、信頼できるクライアントに対してリソースを効率的に提供できます。開発環境と本番環境の違いを理解し、必要に応じた設定の柔軟な適用を心がけましょう。CORS設定はWeb開発の基盤であり、正しく運用することで、より安全で信頼性の高いシステムを構築できます。

Go
プログラミング CORS Go言語 リクエスト許可

コメント

コメントする

目次
  1. CORSとは何か
    1. CORSの仕組み
    2. なぜCORSが必要か
  2. Go言語におけるCORSの重要性
    1. APIサーバーとフロントエンド間の通信
    2. セキュリティの確保
    3. 柔軟なアクセス制御
    4. GoでのCORS対応の現状
  3. GoでCORSを設定する方法
    1. ライブラリの導入
    2. 基本的なCORS設定
    3. プリフライトリクエストへの対応
    4. エラーの確認とデバッグ
  4. 特定のオリジンを許可する設定方法
    1. 特定のオリジンの許可
    2. コードの解説
    3. ワイルドカードの使用
    4. オリジンの動的設定
    5. 特定オリジン許可の実践例
  5. すべてのオリジンを許可する設定方法のリスクと対策
    1. すべてのオリジンを許可する設定
    2. すべてのオリジンを許可する場合のリスク
    3. リスク軽減のための対策
    4. 推奨される利用ケース
  6. Goでの外部リクエスト許可のベストプラクティス
    1. 1. 必要最小限のオリジンを許可する
    2. 2. HTTPメソッドの制限
    3. 3. セキュリティヘッダーの利用
    4. 4. クレデンシャルの安全な管理
    5. 5. レートリミットの適用
    6. 6. ログと監視の実装
    7. まとめ
  7. トラブルシューティング：CORSエラーへの対処法
    1. CORSエラーの仕組み
    2. CORSエラーの原因と解決方法
    3. デバッグ手法
    4. よくある問題とチェックリスト
  8. 演習問題：CORS設定を実装してみよう
    1. 演習1: 基本的なCORS設定
    2. 演習2: ワイルドカードを用いたCORS設定
    3. 演習3: 動的オリジン設定
    4. 演習4: クレデンシャル付きリクエストの許可
    5. 演習問題のテスト方法
    6. 次のステップ
  9. まとめ