Forcer les navigateurs à obtenir les derniers fichiers js et css dans l'application asp.net

Question

Certains navigateurs mettent en cache les fichiers js et css, ne les rafraîchissant pas à moins que vous ne les forcier à le faire. Quel est le moyen le plus simple ?

Je viens de mettre en œuvre cette solution qui semble fonctionner.

Déclarez une variable de version sur votre page

  public string version { get; set; }

Récupérez le numéro de version à partir de la clé web.config

 version = ConfigurationManager.AppSettings["versionNumber"];

Dans votre page aspx, appelez les scripts et feuilles de style comme ceci

Ainsi, si vous définissez la version = 1.1 au lieu de 1.0 dans votre web.config, votre navigateur téléchargera les derniers fichiers, ce qui vous permettra, à vous et à vos utilisateurs, d'éviter certaines frustrations.

Y a-t-il une autre solution plus efficace, ou cela pourrait-il causer des problèmes imprévus pour un site web ?

Answer 1

J'ai résolu cela en ajoutant un horodatage de dernière modification en tant que paramètre de requête aux scripts.

J'ai fait cela avec une méthode d'extension, et en l'utilisant dans mes fichiers CSHTML. Remarque : cette implémentation met en cache l'horodatage pendant 1 minute pour ne pas solliciter autant le disque.

Voici la méthode d'extension :

public static class JavascriptExtension {
    public static MvcHtmlString IncludeVersionedJs(this HtmlHelper helper, string filename) {
        string version = GetVersion(helper, filename);
        return MvcHtmlString.Create("");
    }

    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;
        }
    }
}

Et ensuite dans la page CSHTML :

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

Dans le HTML rendu, cela apparaît comme :

Answer 2

Votre solution fonctionne. En fait, elle est assez populaire.

Même Stack Overflow utilise une méthode similaire :

Où v=6184 est probablement le numéro de révision SVN.

Answer 3

Il y a une réponse plus simple à cela que la réponse donnée par l'auteur du livre dans la question (l'approche est la même) :

Définissez la clé dans le web.config :

Faites l'appel à appsettings directement depuis la page aspx :

" rel="stylesheet" type="text/css" />

Answer 4

Curieusement, ce site même rencontre des problèmes avec l'approche que vous décrivez en ce qui concerne certaines configurations de proxy, même si elle devrait être infaillible.

Consultez cette discussion Meta Stack Overflow.

Par conséquent, il pourrait être judicieux de ne pas utiliser un paramètre GET pour mettre à jour, mais le nom réel du fichier :

href="http://stackoverflow.com/css/nomduscript/numérodeversion.css" 

même si cela demande plus de travail, car vous devrez réellement créer le fichier ou mettre en place une réécriture d'URL à cet effet.

Answer 5

Le principal problème de le faire de cette manière est principalement que vous devrez vous souvenir de mettre à jour votre numéro de version dans votre code chaque fois que vous apportez des modifications à vos fichiers css ou js.

Une manière peut-être meilleure de le faire est de définir un paramètre unique garanti avec chacun de vos fichiers css ou js, comme ceci :

Cela force les fichiers à être demandés au serveur à chaque fois, ce qui signifie également que votre site ne sera pas aussi performant lors du chargement de la page, car ces fichiers ne seront jamais mis en cache et utiliseront de la bande passante inutile à chaque fois.

Fondamentalement, si vous pouvez vous rappeler de mettre à jour le numéro de version à chaque modification, vous pouvez vous en sortir avec la façon dont vous le faites.