Vue.js のフロントエンドアプリケーションをホストしているサーバーが受け取ります。とは具体的にはそのサーバはどのようなプロセス(プログラム)は走っているのでしょうか?

Vue.js のフロントエンドアプリケーションをホストしているサーバーは、Web サーバーと Web アプリケーションの両方の役割を果たしています。
Web サーバーは、HTTP リクエストを受信して、HTTP 応答を返すプログラムです。Web アプリケーションは、ユーザーからの入力を処理して、出力を生成するプログラムです。
具体的には、以下のプロセスが走っています。

  • Web サーバプロセス:HTTP リクエストを受信して、HTTP 応答を返す。

  • Web アプリケーションプロセス:ユーザーからの入力を処理して、出力を生成する。

Web サーバプロセスは、通常、Nginx や Apache などの Web サーバソフトウェアによって提供されます。Web アプリケーションプロセスは、Vue.js のフロントエンドアプリケーションのコードによって提供されます。
なお、本番環境では、セキュリティ対策として、Web サーバにファイアウォールやWAFなどのセキュリティソフトウェアを導入することをおすすめします。
具体的なプロセスの流れは、以下のとおりです。

  1. ユーザーが Web ブラウザから http://example.com/ などの URL にアクセスすると、Web ブラウザは、DNS サーバーに example.com の IP アドレスを問い合わせます。

  2. DNS サーバーは、example.com の IP アドレスを返信します。

  3. Web ブラウザは、その IP アドレスに HTTP リクエストを送信します。

  4. Web サーバプロセスは、HTTP リクエストを受信します。

  5. Web サーバプロセスは、Web アプリケーションプロセスに HTTP リクエストを渡します。

  6. Web アプリケーションプロセスは、ユーザーのリクエストを処理します。

  7. Web アプリケーションプロセスは、出力を生成します。

  8. Web アプリケーションプロセスは、Web サーバプロセスに出力を渡します。

  9. Web サーバプロセスは、HTTP 応答を生成します。

  10. Web サーバプロセスは、HTTP 応答を Web ブラウザに返します。

この流れにより、ユーザーは、Web ブラウザから example.com にアクセスすることで、Vue.js のフロントエンドアプリケーションにアクセスすることができます。


この記事が気に入ったらサポートをしてみませんか?