Discover Top Posts Tagged with #apache httpd

Supervisord を使って Docker コンテナ内に複数プロセスを起動する

Docker コンテナでは通常ひとつのプロセスしか起動できない。コンテナ仮想化技術ではプロセスをシステムから隔離することで仮想化を実現している (隔離されたプロセス = コンテナ) ため、エントリポイントとなるプロセスがひとつになってしまう。そのため、各サービスを直接起動しようとする限り Apache httpd を動かしながら MySQL を起動するといったことができない。しかし、エントリポイントのプロセスがひとつであったとしても、そこからプロセスをコンテナ内で fork させる分には問題がない。つまり、最初のプロセスが複数のプロセスに fork した上でお目当てのサービスを起動してくれれば良い。 Supervisord は正に上記の動作をしてくれるパッケージだ。今回は Supervisord を使って Apache httpd と MariaDB が動作する Docker イメージを作ってみる。まずは Supervisord の設定ファイルを用意する。 Supervisord が各サービスを起動するためのコマンドを記述しておく。

$ cat << EOF > supervisord.conf [supervisord] nodaemon=true [program:httpd] command=/usr/sbin/httpd -D FOREGROUND [program:mariadb] command=/usr/bin/mysqld_safe --skip-grant-tables EOF

Apache httpd がトップページで表示する Web ページも用意しておく。

$ cat << EOF > index.html Hello, World!! EOF

Docker イメージをビルドするための Dockerfile は以下の通り。 Apache httpd と MariaDB を起動できる状態まで持っていった上で Supervisord を起動するように作る。ベースのイメージには CentOS7 を使った。

$ cat << EOF > Dockerfile FROM centos:centos7 MAINTAINER example <[email protected]> # Supervisord の設定ファイルを Docker イメージ内に転送する ADD supervisord.conf /etc/supervisord.conf # Apache httpd でトップページに表示する Web ページを Docker イメージ内に転送する ADD index.html /var/www/html/ # python-pip をインストールするために EPEL を入れておく RUN yum -y install epel-release # 必要なパッケージをインストールする RUN yum -y install httpd mariadb-server python-pip # PIP で Supervisord をインストールする RUN pip install supervisor # Apache httpd と MariaDB が使うポートを外部に公開する EXPOSE 80 3306 # Supervisord を起動する CMD ["/usr/bin/supervisord"] EOF

Docker イメージをビルドする。

$ docker build -t example/supervisord . ...(省略)... Successfully built b339c247b40d

作成した Docker イメージを元にコンテナを起動する。 Apache httpd (80) と MariaDB (3306) が使うポートを外部に開放するのを忘れない。

$ docker run -p 3306:3306 -p 8080:80 example/supervisord 2015-06-28 19:43:11,027 INFO success: httpd entered RUNNING state, process has stayed up for > than 1 seconds (startsecs) 2015-06-28 19:43:11,027 INFO success: mariadb entered RUNNING state, process has stayed up for > than 1 seconds (startsecs)

別のターミナルからコンテナに接続してみる。今回は boot2docker を使っているのでコンテナを動作させている Docker ホストの IP アドレスを boot2docker ip コマンドで取得している。 Docker デーモンがローカルで動作している場合には localhsot で構わない。

$ wget -qO - http://$(boot2docker ip):8080/ Hello, World!! $ mysql -u root -h $(boot2docker ip) -e "show databases;" +--------------------+ | Database | +--------------------+ | information_schema | +--------------------+

ばっちりだね。

#docker #supervisord #centos7 #mariadb #apache httpd

SOP (Same Origin Policy) がホスト + ポートで識別される件でハマったのと、それをリバースプロキシで回避する話

まずは、適当な API 代わりに Flask で Web アプリケーションを作って走らせておく。 Flask のインストールは pip で PyPI から。

$ pip install flask

アプリケーションの内容ははろーわーるど。

#!/usr/bin/env python # -*- coding: utf-8 -*- from flask import Flask app = Flask(__name__) @app.route('/', methods=['GET']) def greet(): return 'Hello, World!', 200 if __name__ == '__main__': app.run()

Flask の WSGI サーバはデフォルトで TCP 5000 番を Listen する。

$ python sampleserver.py * Running on http://127.0.0.1:5000/

上記の API モドキを叩く HTML を用意する。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</title> <link href="css/bootstrap.css" rel="stylesheet"> <body> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.ajax({ "url": "http://localhost:5000/", "success": function(data, textStatus, jqXHR) { console.log("success"); }, "error": function(jqXHR, textStatus, errorThrown) { console.log("error: " + jqXHR.status); } }); }); </script> </body> </html>

上記の HTML を Apache httpd の htdocs から見える場所に置いて HTTP 経由でアクセスする。 Apache httpd のインストールは Homebrew から。

$ brew install httpd

すると、確かに Web アプリケーションのコンソールからは API が叩かれてステータスコードが 200 (OK) になっていることがわかる。

$ python sampleserver.py * Running on http://127.0.0.1:5000/ 127.0.0.1 - - [01/Jul/2013 23:58:40] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [01/Jul/2013 23:58:50] "GET / HTTP/1.1" 200 -

が、実際に HTML を開いているブラウザのコンソールを開くと以下の表示。ステータスコードが 404 として扱われている。エラーメッセージを読むと、どうやら Ajax リクエストが SOP の制約に引っかかっていて CORS (Cross-Origin Resource Sharing) の設定もされてないよ、と言っているようだ。つまり SOP はホストではなくホスト + ポートで識別されている、ということか。

XMLHttpRequest cannot load http://localhost:5000/. Origin http://localhost is not allowed by Access-Control-Allow-Origin. error: 404

これは困った。API がポートも含めて Same Origin として動作する必要があるようだ。そこで Apache httpd をリバースプロキシにして API のリクエストを中継させてやる。 Homebrew でインストールした Apache httpd の設定ファイルは /usr/local/etc/apache2/httpd.conf にあるようだ。どうやら mod_proxy モジュールは既に有効になっている。毎回 httpd.conf を編集するのはだるいので設定ファイルを放り込む conf.d ディレクトリを作って読み込ませてやる。

$ cd /usr/local/etc/apache2 $ echo "Include /usr/local/etc/apache2/conf.d/*.conf" >> httpd.conf $ mkdir conf.d $ cd conf.d/

mod_proxy の設定を conf.d ディレクトリに放り込む。念のためプロキシ対象は localhost に制限しておく。以下の設定で http://localhost[:80]/sample へのリクエストが http://localhost:5000/ へのリクエストとしてプロキシされるようになる。

$ cat << EOF >>mod_proxy.conf ProxyRequests Off <Proxy *> Order Deny,Allow Deny from all Allow from localhost </Proxy> ProxyPass /sample http://localhost:5000/ ProxyPassReverse /sample http://localhost:5000/ EOF

設定を書けたら Apache httpd を再起動する。

$ sudo apachectl restart

プロキシのパスに合わせて先ほどの HTML を編集する。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</title> <link href="css/bootstrap.css" rel="stylesheet"> <body> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.ajax({ "url": "http://localhost/sample", "success": function(data, textStatus, jqXHR) { console.log("success"); }, "error": function(jqXHR, textStatus, errorThrown) { console.log("error: " + jqXHR.status); } }); }); </script> </body> </html>

再度ブラウザから上記のページを HTTP 経由で取得すると上手く動作した。

success

めでたしめでたし。

#Flask #SOP #Apache httpd #jQuery

Mac に Apache httpd をインストールして作業ディレクトリに HTTP 経由でアクセスする

JavaScript ファイルを HTML から読み込む場合、URL からスキームを省略することで HTML の読み込みに使われたプロトコルで読み込みを行うという Tips がある。例えば以下の jQuery を読み込む script タグの src 要素のように。

ただ、これをローカルファイルとして開くと、スキームに file:// が使われてしまうため JavaScript ファイルが読み込まれない。

Failed to load resource file://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js

ここで、ただスキームを決め打ちで HTTP or HTTPS にして急を凌ぐのは悪手だと思った。なので Apache httpd を入れて HTTPプロトコル経由で読み込めるようにしようと考えた。 Mac なのでインストールは Homebrew から。ちなみに OS X Mountain Lion から環境設定>共有から Web 共有の項目が消滅している。

$ brew install httpd $ which apachectl /usr/local/sbin/apachectl

httpd を起動する。

$ sudo apachectl start

デフォルトでドキュメントルートは以下のディレクトリになっている。 httpd のバージョンが上がるとおそらく変更されてしまいそうなんだけど、良いのか…？

$ pwd /usr/local/Cellar/httpd/2.2.23/share/apache2/htdocs

別の場所に上記のパスへのシンボリックリンクもあった。

$ pwd /usr/local/share/apache2/htdocs

そこへ HTML を編集している作業ディレクトリのシンボリックリンクを作る。以下の ~/WebstormProjects は WebStorm を使っているため、そのワークスペースへのパス。

$ cd /usr/local/share/apache2/htdocs $ ln -s ~/WebstormProjects/ ./wsproject $ ls index.html wsproject

これで HTTP 経由で作業ディレクトリにアクセスできるようになった。ブラウザから例えば以下の URL (wsproject 以下のパスは作業ディレクトリのパス構造に依存する) にアクセスする。

http://localhost/wsproject/jspractice/index.html

今度は HTTP プロトコル経由でアクセスしているため、エラーは出ない。めでたしめでたし。

#Apache httpd #JavaScript #Homebrew

SOP (Same Origin Policy) がホスト + ポートで識別される件でハマったのと、それをリバースプロキシで回避する話

まずは、適当な API 代わりに Flask で Web アプリケーションを作って走らせておく。 Flask のインストールは pip で PyPI から。

$ pip install flask

アプリケーションの内容ははろーわーるど。

Flask の WSGI サーバはデフォルトで TCP 5000 番を Listen する。

$ python sampleserver.py * Running on http://127.0.0.1:5000/

上記の API モドキを叩く HTML を用意する。

上記の HTML を Apache httpd の htdocs から見える場所に置いて HTTP 経由でアクセスする。 Apache httpd のインストールは Homebrew から。

$ brew install httpd

すると、確かに Web アプリケーションのコンソールからは API が叩かれてステータスコードが 200 (OK) になっていることがわかる。

$ python sampleserver.py * Running on http://127.0.0.1:5000/ 127.0.0.1 - - [01/Jul/2013 23:58:40] "GET / HTTP/1.1" 200 - 127.0.0.1 - - [01/Jul/2013 23:58:50] "GET / HTTP/1.1" 200 -

XMLHttpRequest cannot load http://localhost:5000/. Origin http://localhost is not allowed by Access-Control-Allow-Origin. error: 404

$ cd /usr/local/etc/apache2 $ echo "Include /usr/local/etc/apache2/conf.d/*.conf" >> httpd.conf $ mkdir conf.d $ cd conf.d/

設定を書けたら Apache httpd を再起動する。

$ sudo apachectl restart

プロキシのパスに合わせて先ほどの HTML を編集する。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Bootstrap</title> <link href="css/bootstrap.css" rel="stylesheet"> <body> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $.ajax({ "url": "http://localhost/sample", "success": function(data, textStatus, jqXHR) { console.log("success"); }, "error": function(jqXHR, textStatus, errorThrown) { console.log("error: " + jqXHR.status); } }); }); </script> </body> </html>

再度ブラウザから上記のページを HTTP 経由で取得すると上手く動作した。

success

めでたしめでたし。

#Flask #SOP #Apache httpd #jQuery

#apache httpd

Trending Tags

Recently Viewed Tags

#apache httpd