Programming Interface) • アプリケーションやソフトウェア同士がデータ・機能をやり取りするための仕組みの一つ Web API • フロントエンドとバックエンドがhttp(s)を使い、データをやり取りする仕組み 例)レストランでの注文に例えると… サーバー データベース・ ストレージなど Web API クライアント Webサービスではフロントエンドとバックエンドがやり取りするための窓口が必要 様々な実装 リクエスト レスポンス
ティ制約 ◦ 具体的には「アクセスした結果を取得できない」という現象が発生する(アクセス自体は行われる) ◦ この制約に引っかかった場合、下記エラーメッセージがブラウザのコンソールに表示されます • この「アクセス」には、もちろん「REST APIのリクエスト」も含まれます • SOPに引っかかると、例えば以下の処理が実行できない ◦ あるアプリケーションから別アプリケーションで公開されているAPIを実行する(例:各種SNSなど) ◦ 開発中にローカル環境(http://localhostなど)から開発環境のWeb API(API Gatewayなど)にアクセスする • おそらく、SOPに一番悩まされるのはこの状況 ※ URLの「プロトコル + ホスト + ドメイン + ポート番号」までの部分の事(ただしプロトコルはほぼhttpsで固定、 ポート番号は省略されることがほとんどなので、実質「FQDN(完全修飾ドメイン名)と同様」と考えてよい) Access to XMLHttpRequest at <アクセス先オリジン> from origin <アクセス元オリジン> has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource