[解決済み] asp.net アプリケーションでブラウザに最新の js と css ファイルを取得させる

質問

ブラウザによっては、jsやcssのファイルをキャッシュしてしまい、強制的に更新させないようにしているものがあります。 最も簡単な方法は何ですか。

私はちょうど、うまくいきそうなこの解決策を実装しました。

ページでバージョン変数を宣言する

  public string version { get; set; }

web.configのキーからバージョン番号を取得する

 version = ConfigurationManager.AppSettings["versionNumber"];

aspxページでは、javascriptとスタイルシートの呼び出しを以下のように行います。

<script src="scripts/myjavascript.js?v=<%=version %>" type="text/javascript"></script>
<link href="styles/mystyle.css?v=<%=version %>" rel="stylesheet" type="text/css" />

したがって、web.config でバージョン = 1.0 から 1.1 に設定すれば、ブラウザは最新のファイルをダウンロードするようになり、あなたとユーザーのフラストレーションが軽減されることが期待されます。

あるいは、Web サイトに予期しない問題を引き起こすでしょうか。

どのように解決するのですか？

スクリプトにクエリパラメータとして最終更新時刻を張り付けることで解決しました。

私はこれを拡張メソッドで行い、CSHTMLファイル内でそれを使用しました。 注意してください。 この実装では、タイムスタンプを1分間キャッシュしているので、ディスクをそれほど消耗していません。

以下は拡張メソッドです。

public static class JavascriptExtension {
    public static MvcHtmlString IncludeVersionedJs(this HtmlHelper helper, string filename) {
        string version = GetVersion(helper, filename);
        return MvcHtmlString.Create("<script type='text/javascript' src='" + filename + version + "'></script>");
    }

    private static string GetVersion(this HtmlHelper helper, string filename)
    {
        var context = helper.ViewContext.RequestContext.HttpContext;

        if (context.Cache[filename] == null)
        {
            var physicalPath = context.Server.MapPath(filename);
            var version = $"?v={new System.IO.FileInfo(physicalPath).LastWriteTime.ToString("MMddHHmmss")}";
            context.Cache.Add(filename, version, null,
              DateTime.Now.AddMinutes(5), TimeSpan.Zero,
              CacheItemPriority.Normal, null);
            return version;
        }
        else
        {
            return context.Cache[filename] as string;
        }
    }
}

そして、CSHTMLのページで

 @Html.IncludeVersionedJs("/MyJavascriptFile.js")

レンダリングされたHTMLでは、次のように表示されます。

 <script type='text/javascript' src='/MyJavascriptFile.js?20111129120000'></script>