タグ: PHP

CentOS7 仮想マシン
仮想マシン IP アドレス: 192.168.56.111
仮想マシンへの SSH 接続環境
chrony (インターネット時刻同期) と Vim
ファイアウォールは SSH と HTTP のみ開放
Nginx ← 最新版
- ドキュメントルートは /var/www/html/ とする。
- PHP-FPM を導入する。
- プロキシキャッシュ設定は行わない。
MariaDB ← 最新版
WordPress 用に次の内容の DB を作る。
- データベース: wpdb
- ユーザー: wpuser
- パスワード: wppass
PHP ← 最新版
最低限と思われる次をインストールする。
- php: PHP 本体
- php-gd: 画像処理
- php-mbstring: マルチバイト文字取り扱い
- php-mysqlnd: MariaDB 接続
- php-opcache: キャッシュ
WordPress
- http://192.168.56.111
- リビジョンは 3 に設定
- WordPress ユーザー名: wploginuser
- WordPress パスワード: wploginpass

AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST するサンプルコード！

AngularJS では $http のヘッダーに ‘Content-Type’: ‘application/x-www-form-urlencoded’ を追加する。しかし、Basic 認証をはじめ、カスタムヘッダーを追加する場合、この Content-Type 追加は意味が無い。
サーバでは、プリフライトリクエストがあった場合に対応する次のヘッダーをレスポンスに含めるようにする。
- Access-Control-Allow-Origin:* ← 許可する接続元（* はどこからでも受け入れる）
- Access-Control-Allow-Methods ← 許可するメソッド（POST など）
- Access-Control-Allow-Headers ← 許可するヘッダー（authorization や独自のカスタムヘッダーなど）

ブラウザは、アクセスしたページ以外のドメインから何かを取ってくることを制限している。基本的にはできないようになっている。
そのため、たとえば次のようなことができない。ローカルホスト上のウェブサーバに AngularJS のサンプルを置いたとする。ページのボタンを押したら、とあるサイトからデータを取ってきて表示する。
ローカルホストドメインと、とあるサイトのドメインは異なる。ウェブブラウザでローカルホストのページを表示している。そのため、別ドメインであるとあるサイトのデータへのアクセスは制限される。
これは、セキュリティ上の観点から施された、ブラウザの仕様

Linux

追記。問題解決できました！

以下、追記前の本文です♪

と試行錯誤してまいりました。これらに続きまして、AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST する方法を探っております！

できませんの＞＜。

今回はせめてどのような結果となったのか、残しておきますの＞＜。

Linux

追記。「ログインページを介さず Basic 認証」シリーズの投稿一覧です♪

追記終わり！

AngularJS を使用してウェブブラウザのページでボタンを押すと、サーバへ JSON データを POST して PHP で受け取ってファイルに出力してみようと試みました！

苦労しましたので、記録を残しますわ♪

AngularJS でサーバに JSON をポストしたところエラーとなった。
- フロント側では、Access-Control-Allow-Origin のエラーが発生していた。
- サーバ側では method が POST ではなく、OPTIONS となっていた。
クロスドメイン問題が原因だった。
- ちなみに、異なるドメインのデータにアクセスすることを、クロスドメインという。
フロント側、サーバ側の両方で対応する必要がある。
- フロント側では、config で $httpProvider の Content-Type で x-www-form-urlencoded を設定する。
- サーバ側では、header(‘Access-Control-Allow-Origin: *’); を設定してやる。