PHPによるプロキシサーバー？の必要性について

Reactに取り組もうと思い、先日から色々な書籍を読んだりコードを書いたりして勉強しているのですが、その過程で一つ疑問が出てきました。

先日、ある解説書（タイトルは失念してしまいました）を立ち読みしていたところ、Ajax処理の一環で既存のWebAPIを叩く際に、JavaScriptで直接WebAPIを叩く代わりに、

WebAPIを叩いて結果を返却するだけのプロキシサーバーをPHPで作成し、

JavaScriptはそのサーバーにアクセスし、

サーバーはJavaScriptからのアクセスを受けてWebAPIを叩き、結果をJavaScriptに返却する

という方法が紹介されていました。

そのような方法を採用する理由を確認したいと思い、その解説書を改めて探したのですが見つけられませんでした。

そこで以下の２点をお尋ねしたいと思い、この質問を投稿しました。

このような方法は一般的な方法なのでしょうか？
この方法だと「APIアクセスキーを隠蔽できる」というメリットがありそうですが、何か他にも理由があるのでしょうか？

よろしければご教示頂ければと思います。

よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

クロスオリジン対策では。

【HTTP アクセス制御 (CORS) - HTTP | MDN】
https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control

【CORS(Cross-Origin Resource Sharing)について整理してみた｜ Developers.IO】
http://dev.classmethod.jp/etc/about-cors/

【CORSまとめ - Qiita】
http://qiita.com/tomoyukilabs/items/81698edd5812ff6acb34

【jQuery.ajax()の代替としてFetch APIをざっくり使ってみる - tacamy.blog】
http://tacamy.hatenablog.com/entry/2016/10/16/182658

投稿2017/08/15 14:49

kei344

総合スコア69407

s-show

2017/08/15 15:33

早速のご回答ありがとうございます。回答文で紹介されたページを確認し、また、手持ちの解説書の内容も確認したのですが、まとめてみますと、【http://hogehoge.com/index.html】に記述したJavaScriptのコードから【http://foobar.com】が提供するWebAPIを叩こうと思ったら、「1. （foobar.comが対応していれば）CORSに沿ったコードを書く」「2. hogehoge.comサーバーがWebAPIを叩く」「3. JSONPを利用する」の３つの方法があり、このうち、1.は相手が対応していないと不可能なので、次善の策として2.の方法が選ばれていたところでしょうか。