CDN（Content Delivery Network）はコンテンツ配信ネットワークであり、さまざまな場所にデータをキャッシュするノードを設置することで、ユーザーが近くでデータを取得できるようにし、データ取得の速度と安定性を向上させることを目的としています。
Angular は、クライアント アプリケーションを構築するための開発プラットフォームです。これは、バックエンド サービスに頼ることなく、完全にブラウザー内で実行されるアプリケーションを構築する新しい方法をもたらします。
HTTP 200 および 404 は、HTTP プロトコルのステータス コードです。HTTP 200 はリクエストが成功したことを意味し、HTTP 404 はリクエストされたリソースが見つからなかったことを意味します。
次に、CDN を使用する場合、Angular アプリケーションが HTTP 200 および 404 ステータス コードを正しく返す必要がある理由について説明します。
ユーザーが Angular アプリケーションにアクセスすると、まず HTML ページをリクエストします。これは通常、アプリケーションのエントリ ポイントです。JavaScript、CSS、画像、その他のリソースなど、Angular アプリケーションのさまざまな部分がこのページにロードされます。これらのリソースは、読み込み速度を向上させるために CDN によってキャッシュされる場合があります。
これらのリソース要求が成功すると、サーバーは HTTP 200 ステータス コードを返します。ブラウザはこのステータス コードを受信すると、リソースが正常に読み込まれたことを認識し、それをページに追加します。Angular アプリケーションが HTTP 200 を正しく返さない場合、ブラウザはアプリケーションを正常にロードして表示できない可能性があります。
要求されたリソースが存在しない場合、代わりにサーバーは HTTP 404 を返す必要があります。これは、要求されたリソースが見つからなかったことをブラウザーに伝え、ブラウザーはこのリソースをロードしようとしません。Angular アプリケーションが HTTP 404 を正しく返さない場合、ブラウザはリソースのロードを試行し続ける可能性があり、これによりネットワーク リソースが浪費され、アプリケーションでエラーが表示される可能性があります。
たとえば、Angular アプリケーションに app.js という JavaScript ファイルがあるとします。ユーザーがアプリケーションにアクセスすると、ブラウザはこのファイルをロードしようとします。ファイルが存在し、サーバーが正しく HTTP 200 を返した場合、ブラウザはファイルをロードし、そのファイル内の JavaScript コードを実行します。ただし、ファイルが存在しない場合、サーバーは HTTP 404 を返す必要があります。そうしないと、ブラウザはタイムアウトになるまでファイルのロードを試行し続ける可能性があります。
CDN を使用する場合、正しい HTTP ステータス コードが特に重要です。CDN はリソースをキャッシュするため、リソースが要求されても誤ったステータス コードが返された場合、CDN は誤った結果をキャッシュする可能性があり、その結果、ユーザーは一定期間リソースに正しくアクセスできなくなります。
たとえば、Angular アプリケーションにstyles.cssというCSSファイルがあるとします。ユーザーが初めてアプリにアクセスすると、CDN はこのファイルを配信元サーバーから取得してキャッシュします。サーバーが HTTP 200 を正しく返した場合、CDN はファイルをキャッシュし、後続のリクエストでキャッシュから直接ファイルを返します。ただし、サーバーが HTTP 500 などの誤ったステータス コードを返した場合、CDN はこの誤った結果をキャッシュする可能性があります。