node.jsで動いているアプリケーションにサブドメインを割り当てたい

Question

さくらVPSを借りていろいろ遊んでおりまして、そのなかでnode.js(Express)を使って動いているアプリケーションに関してアドバイスをいただければと思っています。

• 「hoge.com」(仮)というドメインを取得しています。
• これまでhttp://hoge.comにアクセスすると、普通にwebページ(A)を開いていました。(var/www/html配下に置いたページです)
• 今回、それとは別にnode.js(Express)でアプリケーション(B)を作り、app.listen(11111);しました。
• iptableでport11111を開放したところ、http://hoge.comにアクセスするとアプリケーションBが開き、これまでのwebページAが見れなくなってしまいました(なぜかはわかりませんが、http://hoge.com:80にすると開く時もありました)。

できればサブドメイン「fuga」を使って

• http://hoge.com → webページAを開く
• http://fuga.hoge.com → アプリケーションBを開く

のようにしたいのですが、何をどのように設定したら良いのでしょうか。

ためしに/etc/httpd/conf/httpd.confに以下のように書いてみたのですが、どうやら違うようです。

<VirtualHost *:80>
     ServerName fuga.hoge.com
     ProxyPass / http://localhost:11111/
     ProxyPassReverse / http://localhost:11111/
</VirtualHost>

ご存じの方いらっしゃったらお知恵いただけますとうれしいです。

Answer 1

apache server のバージョンを 2.4 と想定して解答します。

操作としては、
apacheの設定ファイル httpd.conf 内の mod_proxy と mod_proxy_http.soを有効化、
すなわちそれぞれの LoadModule のコメントアウトされている部分を

#LoadModule proxy_module libexec/apache2/mod_proxy.so
#LoadModule proxy_http_module libexec/apache2/mod_proxy_http.so

これらの頭の # を取って、

LoadModule proxy_module libexec/apache2/mod_proxy.so
LoadModule proxy_http_module libexec/apache2/mod_proxy_http.so

ファイルの最後に以下を追加することで期待されている挙動になるかと思います。

# Website A
<VirtualHost *:80>
    DocumentRoot /var/www/html
    ServerName hoge.com
    # その他必要な設定を足す

    <Directory /var/www/html>
        Require all granted
    </Directory>
</VirtualHost>

# Website B
<VirtualHost *:80>
    ProxyRequests Off
    ProxyPass / http://localhost:11111/
    ProxyPassReverse / http://localhost:11111/
    ServerName fuga.hoge.com

    <Proxy *>
        Require all granted
    </Proxy>
</VirtualHost>

VirtualHost の設定については、一方のサイトだけでなく
WebサイトA・Bどちらともに VirtualHost の設定を書くことで
hoge.com へのアクセスと fuga.hoge.com へのアクセスそれぞれの設定を書き分けることができます。

また、今回は node.js のアプリケーションへアクセスを通す必要があるため、、
Website B 用の VirtualHost 設定ではプロキシを使用しています。

それを実現するためのプロキシ機能が Apache Server のデフォルトでは
無効となっておりますので、（今回はhttpアクセスをプロキシするので） mod_proxyとmod_proxy_httpの
有効化をする必要があります。

今回の一連の内容については公式のバーチャルホストの例あたりが参考になるかと思います。

Comments

[toofu__]

ありがとうございます！

頂いたコメント参考にしながらいろいろ試したところ、以下の設定でうまくいきました。
Apacheが2.2.15だったからか、一部記述を変える必要があったみたいです。

```
# Website A
<VirtualHost *:80>
DocumentRoot /var/www/html
ServerName hoge.com

#<Directory /var/www/html>
# Require all granted
#</Directory>
</VirtualHost>

# Website B
<VirtualHost *:80>
ProxyRequests Off
ProxyPass / http://localhost:11111/
ProxyPassReverse / http://localhost:11111/
ServerName fuga.hoge.com

<Proxy *>
#Require all granted
Allow from all
</Proxy>
</VirtualHost>
```

アドバイスのおかげで前に進むことができました。ありがとうございました。

[ezaki]

Apache 2.2 でしたか。失礼いたしました。

`Require all granted` の部分が2.4以降の書き方ですので、
変更いただいたように、そこを2.2の書き方に変えればOKですね。

蛇足になりますが、今回の Node へのアクセスのようなリバースプロキシを書く場合、
Apache server ではなく nginx を使われる方も多いようです。
それぞれに長所・短所ありますのでどちらが良いと言うものではありませんが、
このような選択肢もあることを記憶されておくと、後々何か役に立つかもしれません。

[toofu__]

いえ、こちらこそ前提情報が足りていなかったようで失礼いたしました。

nginx、名前こそ聞いたことがあったもののサーバー周りはあまり明るくないためちゃんと調べたことがありませんでした。。
これを気に勉強してみようかと思います、アドバイスありがとうございました。