小ネタです。
便利なので知らない方に共有です。
といったことが可能です。
Macではopenというコマンドで実装されているようです。
Cygwinを導入していれば、cygstart というコマンドが使えるはずです。
現在のディレクトリをエクスプローラーで開きたい場合には、
cygstart .
テキストファイルをGUIのテキストエディタで開きたい場合には、
cygstart --edit sample.txt # 関連付けされているアプリケーションで開きます
画像も開けます。
cygstart 20180303_001.png
画像をペイントで編集したい場合はこう。
cygstart --edit 20180303_001.png
その他の使い方は、ヘルプをぜひ御覧ください。
cygstart --help
cygstart と打つのが煩わしい私は、open で起動できるようにaliasを設定しています。
ご参考までに。
# .bashrc alias open="cygstart"
以上でした！
Apacheだけを動かすケースはないでしょうが、単発ですが投稿します。
バージョンは下記のとおりです。
# httpd -v Server version: Apache/2.4.6 (CentOS) Server built: Jun 27 2018 13:48:59
yumで簡単に入れられます。
勝手に起動するように設定も行っておきます。
# yum install httpd # systemctl start httpd # systemctl enable httpd
80を許可してあげます。
# firewall-cmd --zone=public --add-port=80/tcp --permanent # firewall-cmd --reload
VMの場合はこの設定が必要です。
実行中のVMから、「デバイス」→「ネットワーク」とたどって、
「高度」をクリックして、「ポートフォワーディング」をクリックして、
ポート番号8080で来たときに、80に転送してあげる。
http://localhost:8080/ にアクセスすれば…
こんな画面が表示されます。 これで完了です。
以上でした！
登場人物がインストール済みで、設定周りをどうするか、のメモになります。
というわけで、前提条件が結構あります。
http://localhost:8080/index.php にアクセスして、index.phpに書いたphpinfo()の結果が表示されるところまで。
設定ファイルを変更する前にバックアップを取ることをオススメします。
# vi /etc/php-fpm.d/www.conf
Nginxで動かすので、userとgroupの変更を行います。
; Unix user/group of processes ; Note: The user is mandatory. If the group is not set, the default user's group ; will be used. ; RPM: apache user chosen to provide access to the same directories as httpd ;user = apache user = nginx ; RPM: Keep a group allowed to write in log dir. ;group = apache group = nginx
さらに今回の場合、ブラウザからアクセスするときにポート番号を8080にしているので、 listenのポート番号を変更します。
; The address on which to accept FastCGI requests. ; Valid syntaxes are: ; 'ip.add.re.ss:port' - to listen on a TCP socket to a specific IPv4 address on ; a specific port; ; '[ip:6:addr:ess]:port' - to listen on a TCP socket to a specific IPv6 address on ; a specific port; ; 'port' - to listen on a TCP socket to all addresses ; (IPv6 and IPv4-mapped) on a specific port; ; '/path/to/unix/socket' - to listen on a unix socket. ; Note: This value is mandatory. ;listen = 127.0.0.1:9000 listen = 127.0.0.1:8080
忘れずに再起動も行います。
# systemctl restart php-fpm
まずrootのindexファイルとして、index.phpを許可します。
rootも必要に応じて変更しましょう。
# vi /etc/nginx/conf.d/default.conf
location / {
root /usr/share/nginx/html;
- index index.html index.htm;
+ index index.html index.htm index.php;
}
さらに、rootやポート番号、fastcgi_paramを書き換えます。
- #location ~ \.php$ {
- # root html;
- # fastcgi_pass 127.0.0.1:9000;
- # fastcgi_index index.php;
- # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
- # include fastcgi_params;
- #}
+ location ~ \.php$ {
+ root /usr/share/nginx/html;
+ fastcgi_pass 127.0.0.1:8080;
+ fastcgi_index index.php;
+ fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+ include fastcgi_params;
+ }
Nginxの再起動も忘れずに。
# systemctl restart nginx
私の場合はこれも必要でした。
# vi /etc/selinux/config
# This file controls the state of SELinux on the system. # SELINUX= can take one of these three values: # enforcing - SELinux security policy is enforced. # permissive - SELinux prints warnings instead of enforcing. # disabled - No SELinux policy is loaded. #SELINUX=enforcing SELINUX=disabled
# vi /usr/share/nginx/html/index.php
<?php phpinfo();
設定は以上です。
…する前に、ログファイルを監視することをオススメします。
うまくいかない場合、何かしらログに残っているはずです。
# tail -f /var/log/php-fpm/error.log /var/log/nginx/{access,error}.log
エラーコードやエラー内容で検索すれば、きっと解決できることでしょう。
http://localhost:8080/index.php
にアクセスして、インストールされたPHPの情報が表示されればOKです。
今や検索すれば、設定に困ることはなくなりましたね。
似たようなことをやっている方は、必ずいらっしゃるものですから。
以上でした！
仮想環境へWebサーバーであるnginx(エンジンエックス)の導入、そしてブラウザからのアクセスまでを行います。
VirtualBox、CentOSの部分は過去記事をご参照ください。
hrroct.hatenablog.com
ちなみにyumとは。
Yellowdog Updater Modified
"LinuxのRPM Package Managerのパッケージを管理するメタパッケージ管理システムである。"
Yellowdog Updater Modified - Wikipedia
今回は、何かを始める前に、各種アプリケーションをupdateしましょう、くらいの意味合いです。
基本的にrootユーザーで作業していきます。
yum update
nginxとは。
nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev.
Apacheを使っている方はまだ多いと思いますが、非同期のイベント駆動のアプローチをするnginxはApacheと比べて
高負荷下において、より予測可能なパフォーマンスを提供すると考えられている
nginx - Wikipedia
とのことです。
今回、nginxの安定版を使用しようと思います。
やり方は同じく公式サイトに書いてあります。
nginx: Linux packages
ただし、"OS"を"centos"に、"OSRELEASE"を"7"に書き換える必要があります。
vi /etc/yum.repos.d/nginx.repo [nginx] name=nginx repo baseurl=http://nginx.org/packages/centos/7/$basearch/ gpgcheck=0 enabled=1
nginx用のリポジトリ設定ができたので、あとは(CentOS的に)普通にインストールします。
yum -y --enablerepo=nginx install nginx nginx -v # nginx version: nginx/1.14.0
バージョン情報が表示されれば、無事インストールできています。
起動と、ついでに自動起動の設定も行っておきます。
# 起動 sudo systemctl start nginx # 自動起動設定 sudo systemctl enable nginx # ステータス確認 sudo systemctl status nginx
statusは複数行表示されますが、3行目あたりに
Active: active (running)
って緑色で表示されていればOKです。
この時点で、
curl localhost
をすれば、ドキュメントルートにあるindex.htmlファイルの中身が返ってくると思います。
ただし、まだブラウザを介してのアクセスはできません。
CentOSのファイアウォールの設定と、ポートフォワーディングの設定が必要になります。
これはCentOS側の設定になります。
firewall-cmd --permanent --zone=public --add-service=http firewall-cmd --reload
http(ポート80)を許可してあげればOKです。
仮想マシンはデフォルトでは閉じた世界になっているので、80番ポートを開けただけでは、外の世界からhttp://localhost/でのアクセスはできません。
そこで以前の記事にも書いたポートフォワーディングの設定を行います。
詳細は以前の記事を見ていただくとして…
今回は、httpを追加します。
ホストポートの"8080"は、空いていれば何でもいいです。
そして、CentOSを再起動します。
ただアクセスできるようにしただけなので、これからまだnginxについては設定が必要になります。
長くなるので、それはまたの機会に…。
以上でした！
こちらからお借りしました。
var r = new XMLHttpRequest(); r.open("POST", "path/to/api", true); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); }; r.send("banana=yellow");
まず XMLHttpRequest オブジェクトから。
使い方ですが…
まずコンストラクタ XMLHttpRequest() を実行して、初期化する必要があります。
var r = new XMLHttpRequest();
r.open() はリクエストの初期化を行います。
developer.mozilla.org
var r = new XMLHttpRequest(); r.open("POST", "path/to/api", true);
引数は前から順にメソッド、URL、非同期/同期 (true/false) です。
同期通信は多くのブラウザで非推奨とされているとのこと。
var r = new XMLHttpRequest(); r.open("POST", "path/to/api", true); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); };
r.onreadystatechange は、readystatechange イベント ( XMLHttpRequest の readyState 属性が変化)が発火するたびに呼ばれる EventHandler です。
構文はこんな感じ。
XMLHttpRequest.onreadystatechange = callback;
イベントが発火すると、callback に指定した関数が実行されます。
ではこの readyState 属性が何者かというと…
developer.mozilla.org
| 値 | 状態 | 説明 |
|---|---|---|
| 0 | UNSENT | クライアントは作成済み。open() はまだ呼ばれていない。 |
| 1 | OPENED | open() が呼び出し済み。 |
| 2 | HEADERS_RECEIVED | send() が呼び出し済みで、ヘッダーとステータスが利用可能。 |
| 3 | LOADING | ダウンロード中。responseText には部分データが入っている。 |
| 4 | DONE | 操作が完了した。 |
var r = new XMLHttpRequest(); r.open("POST", "path/to/api", true); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); };
4の状態は成否に関わらず処理が終わってます。
status 属性はHTTPステータスコードです。
つまり、処理が正常に終了したときだけ、レスポンスを alert 関数で出力するようになっています。
callback 関数の定義が終わったら、あとは r.send() でデータを送信します。
送ったあとは、サーバー側での処理を経て、callback 関数に落ち着くというわけですね。
var r = new XMLHttpRequest(); r.open("POST", "path/to/api", true); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); }; r.send("banana=yellow");
JavaScript はいろんなフレームワークやライブラリが出ておりますが、素の仕組みを知っておくことも大事ですよね。
と思ったのが今回のきっかけでした。
mozilla のサイトにマニュアルがあるので、調べるのに便利ですね。
また似たような記事を書くかも知れません。
以上でした！
