Node.js環境でのクエリパラメータを使った記事ページの作成

Question

Apache環境の.htaccessを使い行っていた
クエリパラメータを使った記事ページの作成をNode.js環境で行いたい。

/hoge/12345/
/hoge/?id=12345

RewriteRule ^hoge/([0-9]+)$ hoge.php?id=$1 [L]

Node.js上で開発を行い、本番のApache環境で上記のような実装をする場合は
どのような環境・方法で実装するのが一般的なのでしょうか。
（そもそも本番apache環境なのに、開発環境をNode.jsですることが間違いなのか）

現状のNode.js環境は以下のような状態です。
gulp + scss + ejs + webpack + typescript + browser-sync

初めてのNode.jsでの環境構築のため
稚拙な質問になりますが、どうぞよろしくお願いします。

Answer 1

そもそも本番apache環境なのに、開発環境をNode.jsですることが間違いなのか

まぁそうですね。
とはいえ、これが100%駄目だってわけじゃなくて、上手い使い分けも可能です。
(Apacheを使う事が前提になっているので、技術に使われている感もしなくはないですが……まぁいいや)

WebサーバのHTTPのデフォルトポートは80番です。
なのでApacheはWebサーバマシンの80番ポートを占拠します。
Node.jsは80番以外、適当に3000番ポート等を開けておきます。
(ルータやファイアウォールを使って外部から直接3000番ポートにはアクセス出来ない設定にしておく)

特定のパスへ向けての通信がやってきた場合、
Apacheはリクエスト内容をパースして、3000番ポートに中継します。
こういうやり方を「リバースプロキシ」といいます。

めんどくさ、最初から全部Node.jsでやればええやんと思うでしょうが、
Apacheは静的ファイル配信用に特化されたWebサーバアプリなだけあって、
キャッシュを取る機能、アクセスログを吐き出す機能等が優れています。

優れてなきゃ誰もApacheなんてアプリ使わんでしょ？
つまり、Node.jsでちょろっと作りましたなWebサーバより段違いで機能が優れているわけです。

あるもんは有効利用した方がいいよねーってわけで、
Webpackで作ったbundle.jsへのアクセスはApacheに渡して静的ファイルとして配信してもらって、
特定のリクエストを元に動的な情報を返さないものはNode.jsに中継して処理するという役割分担を行った方がはかどりますね。

Comments

[kakikake]

回答ありがとうございます。
たしかにNode.js環境に意固地になりすぎてた気がします。
結果複雑な誰も得しない開発をしようとしてました。
使えるもの使って開発が楽になるように構築してみようと思います。

[miyabi-sun]

より実践的には、ApacheではなくNginxというソフトをフロントに立たせてリバプロ兼静的ファイル配信として使うケースが非常に多いですね。

Apacheは流行っている2.2系がC10K問題が騒がれるより前の産物なので
パフォーマンス面で少々無頓着な仕様になっています。
2.4系はパフォーマンス的にかなり改善されましたが、パフォーマンス的な伸びしろはNginxに比べてう〜んという所に落ち着いてますので、結果として移住を決意する人が多いという印象があります。

この辺の事情から、Apacheでも同じ事は出来るし、
知っておくこと・やってみることは良いことなんじゃないかな？と思ってます。