質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.22%

CORSエラーを発生させたい

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 248

minyouyuu

score 30

勉強のために、CORSエラーを発生させたいのですが、エラーが起きません。

CORSエラーは、あるドメインにあるPHPで書かれたAPIを、別のドメインのPHPファイルが呼び出すことにより発生させようとしています。

そのために、まず、XAMPPで複数サイトをローカル環境に立ち上げる手順まとめ←こちらのサイトを参考に、XAMPPで複数サイトを作成しました。

C:\xampp\apache\conf\extra\httpd-vhosts.conf

NameVirtualHost *:80
<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/example.test"
    ServerName example.test
</VirtualHost>


C:\Windows\System32\drivers\etc\hosts

127.0.0.1 localhost
127.0.0.2 example.test

上記のように設定することで、http://localhost(127.0.0.1)とhttp://example.test(127.0.0.2)を作成しました。

今回、呼び出されるPHPファイルがapi.phpで、呼び出すPHPファイルがresult.phpです。

そして、api.phpはhttp://localhost/php/server1/api.phpに設置し、result.phpはhttp://example.test/server2/result.phpに設置しました。

私の理解では、http://localhost/php/server1/api.phpにあるAPIを、ドメインが異なるhttp://example.test/server2/result.phpが呼び出そうとするとエラーになると思っているのですが、エラーになりません。

PHPで書かれたAPI api.php(呼び出される側)

<?php
header('Content-Type: text/html; charset=UTF-8');

// numが存在するかつnumが数字のみで構成されているか
if(isset($_GET["num"]) && !preg_match('/[^0-9]/', $_GET["num"])) {
    // numをエスケープ(xss対策)
    $param = htmlspecialchars($_GET["num"]);
    // メイン処理
    $arr["status"] = "yes";
    $arr["x114"] = (string)((int)$param * 114); // 114倍
    $arr["x514"] = (string)((int)$param * 514); // 514倍
} else {
    // paramの値が不適ならstatusをnoにしてプログラム終了
    $arr["status"] = "no";
}

// 配列をjson形式にデコードして出力, 第二引数は、整形するための定数
print json_encode($arr, JSON_PRETTY_PRINT);


api.phpを呼び出すresult.php

<?php
// 文字コード設定
header('Content-Type: application/json; charset=UTF-8');

// numパラメータにセットする値
$num = 10;
// WebAPIのURL
$url = "http://localhost/php/server1/api.php?num=${num}";
// URLの内容を取得し、json形式からstdClass形式に変換し取得
$data = json_decode(file_get_contents($url));

// dataのstatusがyesだったら(出力に成功したら)
if($data->status == "yes") {
    // 114倍の値をprint
    print $data->x114;
}

どのようにすれば、CORSエラーを発生させることができますか?
そもそも、私のCORSの理解が間違っているのでしょうか?

ちなみに、CORSエラーを回避する方法は全く実装していません。(Access-Control-Allow-Origin: *を設定するなど)

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+2

基本的な勘違いをされています。CORSは、JavaScriptからAPIを呼び出す場合なので、PHPからAPIを呼び出す場合は関係ありません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/05 22:20

    そうなのですね!ありがとうございます。勘違いしていました。
    javascriptで実装してみます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.22%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる