ノードを使用して静的ファイルキャッシュを実装する方法

定数 http = require("http");
url を require します。
定数 fs = require("fs");
定数パス = require("パス");
// ファイルパスを受け取り、ファイルに対応するファイルタイプ形式を返します const mime = require("mime"); //npm i mime 

定数サーバ = http.createServer((req, res) => {
  { パス名、クエリ } = url.parse(req.url, true);
  //__dirname は、現在のファイルが配置されているフォルダーの絶対パスを、要求されたパスレットと連結します。filePath = path.join(__dirname, "public", pathname);
  console.log(req.url);// 10 秒以内にページを繰り返し更新して、継続的に印刷されるかどうかを確認します。強力なキャッシュにヒットした場合は、10 秒ごとに 1 回印刷されます。// ヘッダー キャッシュ情報を設定します。指定されたキャッシュ時間内であれば、クライアントはサーバーに再度要求を開始する必要はありません。res.setHeader("Cache-Control", "max-age=10"); // キャッシュ期間を設定します。要求の現在の時刻 + max-age の優先度は、Expires よりも高くなります。res.setHeader("Expires", new Date(Date.now() + 10).toUTCString()); // 下位バージョンのブラウザーと互換性があり、絶対時刻を設定し、サーバーの現在の時刻を取得します。// 要求パスを取得して、ファイルかファイル ディレクトリかを判断します。fs.stat(filePath, function (err, statObj) {
    // URL が正しく解析されない場合、リクエストは失敗し、対応する URL リソースは見つかりません。404 が返されます。
    もし（エラー）{
      ステータスコード = 404;
      res.end("見つかりません");
    } それ以外 {
      // ファイルの場合は、読み取り可能なストリーム + パイプを使用してファイルの内容を読み取り、mime を使用してファイルの内容の形式を取得し、エンコード標準を utf-8 に設定します。
      statObj.isFile() の場合 {
        fs.createReadStream(ファイルパス).pipe(res);
        res.setHeader()
          「コンテンツタイプ」、
          mime.getType(ファイルパス) + ";charset=utf-8"
        );
      } それ以外 {
        // ファイルディレクトリの場合は、ディレクトリ内の対応するindex.htmlを探します
        htmlPath = path.join(filePath, "index.html") とします。
        // fs.access は連結されたパスがアクセス可能かどうかを判定します fs.access(htmlPath, function (err) {
          もし（エラー）{
            // アクセスできない設定ステータスコード 404
            ステータスコード = 404;
            res.end("見つかりません");
          } それ以外 {
            //アクセス可能。読み取り可能なストリームとパイプを使用してファイルの内容を読み取ります。fs.createReadStream(htmlPath).pipe(res);
            res.setHeader("Content-Type", "text/html;charset=utf-8");
          }
        });
      }
    }
  });
  // http://localhost:3000/ で nodemon cache.js を実行するとサービスを開始できます。 
});
server.listen(3000, () => {
  console.log("サーバー起動3000");
});

定数 http = require("http");
url を require します。
定数 fs = require("fs");
定数パス = require("パス");
mime は、次のコードで定義されます。


  filePath を path.join(__dirname, "public", pathname) とします。
  コンソールにログ出力します。
  fs.stat(filePath, 関数(err, statObj) {
    もし（エラー）{
      ステータスコード = 404;
      res.end("見つかりません");
    } それ以外 {
      statObj.isFile() の場合 {
        // ブラウザが要求したファイルパスの変更時刻を statObj.ctime で判定する
        定数 ctime = statObj.ctime.toUTCString();
        // ブラウザのリクエスト ヘッダー if-modified-since === ファイルの最終変更時刻。ネゴシエーション キャッシュにヒットした場合は、304 が返されます。ブラウザ キャッシュ内のリソースをリクエストします if (req.headers["if-modified-since"] === ctime) {
          res.statusCode = 304; //ブラウザのキャッシュに移動してres.end(); を見つけます //
        } それ以外 {
          // if-modified-since !== ファイルの最終変更時刻の場合、応答ヘッダー Last-modified は、現在の要求ファイルの変更時刻を、次のブラウザー要求の last-modify-since の対応する値に設定します。res.setHeader("Last-modified", ctime);
          fs.createReadStream(ファイルパス).pipe(res);
          res.setHeader()
            「コンテンツタイプ」、
            mime.getType(ファイルパス) + ";charset=utf-8"
          );
        }
      } それ以外 {
        fs.access(htmlPath, 関数(err) {
          もし（エラー）{
            // アクセスできない設定ステータスコード 404
            ステータスコード = 404;
            res.end("見つかりません");
          } それ以外 {
            fs.createReadStream(htmlPath).pipe(res);
            res.setHeader("Content-Type", "text/html;charset=utf-8");
          }
        });
      }
    }
  });
  // http://localhost:3000/ で nodemon cache2.js を実行するとサービスを開始できます。 
});
server.listen(3000, () => {
  console.log("サーバー起動3000");
});