змушуйте браузери отримувати найновіші файли js та css у програмі asp.net

Деякі браузери кешують файли 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" />

Тож якщо ви встановите версію = 1.1 з 1.0 у своєму web.config, ваш браузер завантажить найновіші файли, які, сподіваємось, врятують вас і ваших користувачів деякі розчарування.

Чи є інше рішення, яке працює краще, чи це спричинить якісь непередбачені проблеми для веб-сайту?

Я вирішив це, позначивши останню змінену часову позначку як параметр запиту до сценаріїв.

Я робив це за допомогою методу розширення та використовував його у своїх файлах 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>

Ваше рішення працює. Насправді це досить популярно.

Навіть переповнення стека використовує аналогічний метод:

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=6184"> 

Де v=6184, мабуть, номер редакції SVN.

У ASP.NET Core (MVC 6) це працює поза коробкою через asp-append-versionпомічник тегів:

<script src="scripts/myjavascript.js" asp-append-version="true"></script>
<link href="styles/mystyle.css rel="stylesheet" asp-append-version="true" />

ASP.NET MVC вирішить це за вас, якщо ви використовуєте пакети для свого JS / CSS. Він автоматично додає номер версії у вигляді GUID до ваших пакетів і оновлює цей GUID лише тоді, коли пакет буде оновлено (так само будь-який з вихідних файлів має зміни).

Це також допомагає, якщо у вас є тонна файлів JS / CSS, оскільки це може значно покращити завантаження вмісту!

Дивіться тут

Для цього є вбудований спосіб в asp.net: поєднання . Просто використовуйте його. Кожна нова версія матиме унікальний суфікс "? V = XXXXXXX". У режимі налагодження пакетне вимкнення, щоб увімкнути налаштування make в web.config:

<system.web>
    <compilation debug="false" />
</system.web>

Або додати до методу RegisterBundles (розшарування BundleCollection):

BundleTable.EnableOptimizations = true;

Наприклад:

BundleConfig.cs:

bundles.Add(new ScriptBundle("~/Scripts/myjavascript.js")
                .Include("~/Scripts/myjavascript.js"));

bundles.Add(new StyleBundle("~/Content/mystyle.css")
                .Include("~/Content/mystyle.css"));

_Layout.cshtml:

@Scripts.Render("~/Scripts/myjavascript.js")
@Styles.Render("~/Content/mystyle.css")

На це є простіша відповідь, ніж відповідь, яку надає оп у запитанні (підхід той самий):

Визначте ключ у web.config:

<add key="VersionNumber" value="06032014"/>

Здійсніть заклик до програм безпосередньо зі сторінки aspx:

<link href="styles/navigation.css?v=<%=ConfigurationManager.AppSettings["VersionNumber"]%>" rel="stylesheet" type="text/css" />

На основі відповіді Адама Тегана , модифікованого для використання в додатку веб-форм.

У коді класу .cs:

public static class FileUtility
{
    public static string SetJsVersion(HttpContext context, string filename) {
        string version = GetJsFileVersion(context, filename);
        return filename + version;
    }

    private static string GetJsFileVersion(HttpContext context, string filename)
    {
        if (context.Cache[filename] == null)
        {
            string filePhysicalPath = context.Server.MapPath(filename);

            string version = "?v=" + GetFileLastModifiedDateTime(context, filePhysicalPath, "yyyyMMddhhmmss");

            return version;
        }
        else
        {
            return string.Empty;
        }
    }

    public static string GetFileLastModifiedDateTime(HttpContext context, string filePath, string dateFormat)
    {
        return new System.IO.FileInfo(filePath).LastWriteTime.ToString(dateFormat);
    }
}

У розмітці aspx:

<script type="text/javascript" src='<%= FileUtility.SetJsVersion(Context,"/js/exampleJavaScriptFile.js") %>'></script>

І у виведеному HTML він відображається як

<script type="text/javascript" src='/js/exampleJavaScriptFile.js?v=20150402021544'></script>

Цікаво, що цей веб-сайт має проблеми з описом, який ви описуєте, у зв'язку з деякими налаштуваннями проксі-серверів, навіть якщо це має бути безпечно.

Перевірте цю дискусію щодо переповнення Meta Stack .

Отже, з огляду на це, можливо, має сенс використовувати для оновлення не параметр GET, а власне ім’я файлу:

href="/css/scriptname/versionNumber.css" 

навіть якщо це більше роботи, тому що вам доведеться фактично створити файл або створити для нього перезапис URL-адрес.

Я хотів простий один вкладиш, щоб зробити шлях унікальним для заповнення кешу. Це працювало для мене:

<script src="scripts/main.js?bust_js_cache=<%=System.IO.File.GetLastWriteTime(Server.MapPath("scripts/main.js")).ToString("HH:mm:ss")%>" type="text/javascript"></script>

Якщо файл було змінено з моменту останнього завантаження на сторінку, браузер витягне оновлений файл.

Він генерує last modifiedмарку з .jsфайлу і вводить її туди замість версії, до якої може бути непросто отримати доступ.

<script src="scripts/main.js?bust_js_cache=10:18:38" type="text/javascript"></script>

Іншим варіантом може бути отримання контрольної суми файлу.

Ось підхід, який працює з ASP.NET 5 / MVC 6 / vNext .

Крок 1. Створіть клас, щоб повернути останній час запису файлу, подібно до інших відповідей у ​​цій темі. Зауважте, для цього потрібне введення залежності ASP.NET 5 (або іншого).

public class FileVersionService
{
    private IHostingEnvironment _hostingEnvironment;
    public FileVersionService(IHostingEnvironment hostingEnvironment)
    {
        _hostingEnvironment = hostingEnvironment;
    }

    public string GetFileVersion(string filename)
    {
       var path = string.Format("{0}{1}", _hostingEnvironment.WebRootPath, filename);
       var fileInfo = new FileInfo(path);
       var version = fileInfo.LastWriteTimeUtc.ToString("yyyyMMddhhmmssfff");
       return version;
     }
}

Крок 2: Зареєструйте службу, яку потрібно вводити всередині startup.cs :

public void ConfigureServices(IServiceCollection services)
{
    ...
    services.AddScoped<FileVersionService>();
    ...
}

Крок 3: Тоді в ASP.NET 5 можна ввести службу безпосередньо у вигляд макета, такий як _Layout.cshtml, як це:

@inject Namespace.Here.FileVersionService fileVersionService
<!DOCTYPE html>
<html lang="en" class="@ViewBag.HtmlClass">
<head>
    ...
    <link href="/css/styles.css?v=@fileVersionService.GetFileVersion("\\css\\styles.css")" rel="stylesheet" />
    ...
</head>
<body>
    ...
</body>

Існує кілька завершальних штрихів, які можна зробити, щоб краще поєднати фізичні шляхи та обробити ім'я файлу у стилі, більш відповідає синтаксису, але це вихідний момент. Сподіваємось, це допомагає людям, що переходять на ASP.NET 5.

Я використовував дещо іншу техніку на своєму сайті aspnet MVC 4:

_ViewStart.cshtml:

@using System.Web.Caching
@using System.Web.Hosting
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    PageData.Add("scriptFormat", string.Format("<script src=\"{{0}}?_={0}\"></script>", GetDeployTicks()));
}

@functions
{

    private static string GetDeployTicks()
    {
        const string cacheKey = "DeployTicks";
        var returnValue = HttpRuntime.Cache[cacheKey] as string;
        if (null == returnValue)
        {
            var absolute = HostingEnvironment.MapPath("~/Web.config");
            returnValue = File.GetLastWriteTime(absolute).Ticks.ToString();
            HttpRuntime.Cache.Insert(cacheKey, returnValue, new CacheDependency(absolute));
        }
        return returnValue;
    }
}

Потім у фактичних переглядах:

 @Scripts.RenderFormat(PageData["scriptFormat"], "~/Scripts/Search/javascriptFile.min.js")

<?php $rand_no = rand(10000000, 99999999)?> <script src="scripts/myjavascript.js?v=<?=$rand_no"></script>

Це працює для мене у всіх браузерах. Тут я використовував PHP для генерації випадкових ні. Ви можете використовувати свій власний бік сервера. "

Починаючи з вищенаведеної відповіді, я трохи змінив код, щоб змусити помічників працювати з файлами CSS і додавати версію кожного разу, коли ви вносите якісь зміни у файли, а не лише коли ви збираєтеся

public static class HtmlHelperExtensions
{
    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>");
    }

    public static MvcHtmlString IncludeVersionedCss(this HtmlHelper helper, string filename)
    {
        string version = GetVersion(helper, filename);
        return MvcHtmlString.Create("<link href='" + filename + version + "' type ='text/css' rel='stylesheet'/>");
    }

    private static string GetVersion(this HtmlHelper helper, string filename)
    {
        var context = helper.ViewContext.RequestContext.HttpContext;
        var physicalPath = context.Server.MapPath(filename);
        var version = "?v=" +
        new System.IO.FileInfo(physicalPath).LastWriteTime
        .ToString("yyyyMMddHHmmss");
        context.Cache.Add(physicalPath, version, null,
          DateTime.Now.AddMinutes(1), TimeSpan.Zero,
          CacheItemPriority.Normal, null);

        if (context.Cache[filename] == null)
        {
            context.Cache[filename] = version;
            return version;
        }
        else
        {
            if (version != context.Cache[filename].ToString())
            {
                context.Cache[filename] = version;
                return version;
            }
            return context.Cache[filename] as string;
        }
    }
}

Отримати модифікований час файлу, як показано нижче

private static string GetLastWriteTimeForFile(string pathVal)
    {
        return System.IO.File.GetLastWriteTime(HostingEnvironment.MapPath(pathVal)).ToFileTime().ToString();
    }

Додайте це введенням як рядок запитів

public static string AppendDateInFile(string pathVal)
    {
        var patheWithDate = new StringBuilder(pathVal);
        patheWithDate.AppendFormat("{0}x={1}",
                               pathVal.IndexOf('?') >= 0 ? '&' : '?',
                               GetLastWriteTimeForFile(pathVal));
        return patheWithDate.ToString();
    }

Викликати це за допомогою розмітки.

Підхід для допоміжних служб MVC

Додати метод розширення

namespace TNS.Portal.Helpers
{
    public static class ScriptExtensions
    {
        public static HtmlString QueryStringScript<T>(this HtmlHelper<T> html, string path)
        {
            var file = html.ViewContext.HttpContext.Server.MapPath(path);
            DateTime lastModified = File.GetLastWriteTime(file);
            TagBuilder builder = new TagBuilder("script");
            builder.Attributes["src"] = path + "?modified=" + lastModified.ToString("yyyyMMddhhmmss");
            return new HtmlString(builder.ToString());
        }

       public static HtmlString QueryStringStylesheet<T>(this HtmlHelper<T> html, string path)
       {
        var file = html.ViewContext.HttpContext.Server.MapPath(path);
        DateTime lastModified = File.GetLastWriteTime(file);
        TagBuilder builder = new TagBuilder("link");
        builder.Attributes["href"] = path + "?modified=" + lastModified.ToString("yyyyMMddhhmmss");
        builder.Attributes["rel"] = "stylesheet";
        return new HtmlString(builder.ToString());
      }

    }
}

Додайте це простір імен у web.config

<system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Optimization"/>
        <add namespace="System.Web.Routing" />
        <add namespace="TNS.Portal" />
        <add namespace="TNS.Portal.Helpers" />
      </namespaces>
    </pages>
  </system.web.webPages.razor>

Використовуйте його з точки зору як

@Html.QueryStringScript("/Scripts/NPIAjaxCalls.js")
@Html.QueryStringStylesheet("/Content/StyledRadio.css")

Спрощені попередні пропозиції та надання коду для розробників .NET Web Forms.

Це прийме як відносні ("~ /"), так і абсолютні URL-адреси на шляху файлу до ресурсу.

Помістіть у файл класу статичних розширень такі:

public static string VersionedContent(this HttpContext httpContext, string virtualFilePath)
{
    var physicalFilePath = httpContext.Server.MapPath(virtualFilePath);
    if (httpContext.Cache[physicalFilePath] == null)
    {
        httpContext.Cache[physicalFilePath] = ((Page)httpContext.CurrentHandler).ResolveUrl(virtualFilePath) + (virtualFilePath.Contains("?") ? "&" : "?") + "v=" + File.GetLastWriteTime(physicalFilePath).ToString("yyyyMMddHHmmss");
    }
    return (string)httpContext.Cache[physicalFilePath];
}

А потім зателефонуйте на свою Головну сторінку як таку:

<link type="text/css" rel="stylesheet" href="<%= Context.VersionedContent("~/styles/mystyle.css") %>" />
<script type="text/javascript" src="<%= Context.VersionedContent("~/scripts/myjavascript.js") %>"></script>

На підставі вищевказаної відповіді я написав невеликий клас розширення для роботи з файлами CSS та JS:

public static class TimestampedContentExtensions
{
    public static string VersionedContent(this UrlHelper helper, string contentPath)
    {
        var context = helper.RequestContext.HttpContext;

        if (context.Cache[contentPath] == null)
        {
            var physicalPath = context.Server.MapPath(contentPath);
            var version = @"v=" + new FileInfo(physicalPath).LastWriteTime.ToString(@"yyyyMMddHHmmss");

            var translatedContentPath = helper.Content(contentPath);

            var versionedContentPath =
                contentPath.Contains(@"?")
                    ? translatedContentPath + @"&" + version
                    : translatedContentPath + @"?" + version;

            context.Cache.Add(physicalPath, version, null, DateTime.Now.AddMinutes(1), TimeSpan.Zero,
                CacheItemPriority.Normal, null);

            context.Cache[contentPath] = versionedContentPath;
            return versionedContentPath;
        }
        else
        {
            return context.Cache[contentPath] as string;
        }
    }
}

Замість того, щоб написати щось на кшталт:

<link href="@Url.Content(@"~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content(@"~/Scripts/bootstrap.min.js")"></script>

Тепер ви можете написати:

<link href="@Url.VersionedContent(@"~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.VersionedContent(@"~/Scripts/bootstrap.min.js")"></script>

Тобто просто замінити Url.Contentна Url.VersionedContent.

Створені URL-адреси виглядають приблизно так:

<link href="/Content/bootstrap.min.css?v=20151104105858" rel="stylesheet" type="text/css" />
<script src="/Scripts/bootstrap.min.js?v=20151029213517"></script>

Якщо ви використовуєте клас розширення, ви можете додати обробку помилок у випадку, якщо MapPathвиклик не працює, оскільки contentPathце не фізичний файл.

Я використовую подібний спосіб зробити те саме, що ви робите, не змінюючи кожної сторінки. Додано подію PreRender - головний файл. Це зберігає мою логіку в одному місці і застосовно до файлів js та css.

protected void Page_PreRender(object sender, EventArgs e)
    {
        HtmlLink link = null;
        LiteralControl script = null;


        foreach (Control c in Header.Controls)
        {
            //StyleSheet add version
            if (c is HtmlLink)
            {
                link = c as HtmlLink;


                if (link.Href.EndsWith(".css", StringComparison.InvariantCultureIgnoreCase))
                {
                    link.Href += string.Format("?v={0}", ConfigurationManager.AppSettings["agVersion"]);
                }

            }

            //Js add version
            if (c is LiteralControl)
            {
                script = c as LiteralControl;

                if (script.Text.Contains(".js"))
                {
                    var foundIndexes = new List<int>();


                    for (int i = script.Text.IndexOf(".js\""); i > -1; i = script.Text.IndexOf(".js\"", i + 1))
                    {

                        foundIndexes.Add(i);
                    }

                    for (int i = foundIndexes.Count - 1; i >= 0; i--)
                    {

                        script.Text = script.Text.Insert(foundIndexes[i] + 3, string.Format("?v={0}", ConfigurationManager.AppSettings["agVersion"]));
                    }
                }

            }

        }
    }

Ви можете змінити властивість DefaultTagFormat у сценаріїв або стилів.

Scripts.DefaultTagFormat = @"<script src=""{0}?v=" + ConfigurationManager.AppSettings["pubversion"] + @"""></script>";
Styles.DefaultTagFormat = @"<link href=""{0}?v=" + ConfigurationManager.AppSettings["pubversion"] + @""" rel=""stylesheet""/>";

Для вирішення цієї проблеми в моєму додатку ASP.Net Ajax я створив розширення, а потім зателефонував на головну сторінку.

Для отримання більш детальної інформації ви можете перейти за посиланням .

Простий та розумний спосіб впровадити версію css у застосуванні .net за нижченаведеною концепцією .. не потрібно писати бек-енд-код.

<link href="<%="../../App_Themes/Base/css/main.css?v="+ DateTime.Now.ToString("yyyyMMddhhmmss") +""%>" rel="stylesheet" />

Основна проблема з цим способом полягає в основному в тому, що вам потрібно буде пам’ятати, щоб оновлювати номер своєї версії у коді кожного разу, коли ви вносите будь-які зміни у свої файли css чи js.

Можливо, кращий спосіб зробити це - встановити гарантований унікальний параметр для кожного з ваших файлів css або js, наприклад:

<script src="scripts/myjavascript.js?_=<%=DateTime.Now.Ticks%>" type="text/javascript"></script>
<link href="styles/mystyle.css?_=<%=DateTime.Now.Ticks%>" rel="stylesheet" type="text/css" />

Це змушує кожного разу запитувати файли з сервера, що також означає, що ваш сайт не буде таким ефективним при завантаженні сторінки, оскільки ці файли ніколи не будуть кешовані, і кожен раз буде використовувати непотрібну пропускну здатність.

По суті, якщо ви можете пам’ятати оновлювати номер версії щоразу, коли вноситься зміна, ви можете піти з того, як це робите.

Для сторінок ASP.NET я використовую наступне

ПЕРЕД

<script src="/Scripts/pages/common.js" type="text/javascript"></script>

ПІСЛЯ (примусове перезавантаження)

 <script src="/Scripts/pages/common.js?ver<%=DateTime.Now.Ticks.ToString()%>" type="text/javascript"></script>

Додавання DateTime.Now.Ticks працює дуже добре.