Comment résoudre le problème de la mise en cache des ressources JS dans l'entreprise WeChat?

Enterprise WeChat JS Resource Caching Problems and Response Strategies

Le problème de mise en cache des ressources JS dans l'environnement WECHAT Enterprise fait souvent que certains utilisateurs ne soient pas en mesure de vivre les dernières fonctions après la mise à niveau du projet. Par exemple, après avoir ajouté la nouvelle fonction de suivi des points enfouis, le même utilisateur accède à la même page dans la même période, mais peut le charger en différentes versions de ressources JS (avec des points enfouis ou sans points enfouis). Ce n'est pas un cas isolé, mais est causé par la forte stratégie de cache du navigateur intégré de l'entreprise WeChat: une fois la ressource mise en cache, elle ne sera pas demandée à moins qu'elle soit rafraîchie manuellement.

Bien que nous fixions un temps d'expiration de ressources JS de deux mois, les anciennes ressources peuvent encore être chargées car le mécanisme de cache fort de l'entreprise WeChat donnera la priorité à la lecture des caches locaux.

Pour ce problème, les solutions suivantes sont disponibles:

1. Désactiver directement le cache (méthode simple et brute): le service HTTP frontal est expiré à -1. Cette méthode est simple et simple, mais l'utilisateur peut avoir besoin de effacer le cache local pour prendre effet.

2. Solution idéale (hachage de contenu): Définissez l'en-tête de cache index.html pour Expires -1 et ajouter la valeur de hachage de contenu (par exemple, script.12345.js ) au nom de ressource statique, puis activer le cache. Cela garantit que chaque mise à jour des ressources générera un nouveau nom, évitant ainsi les problèmes de mise en cache.

3. Stratégies pour les changements majeurs: pour les changements à grande échelle dans le projet, il est recommandé de désactiver toutes les caches de ressources d'abord, puis d'optimiser progressivement la stratégie de cache.

Pour contrôler plus efficacement le cache d' index.html , vous pouvez ajouter les instructions suivantes dans la configuration de votre serveur (comme Nginx):

 serveur {
    Écoutez 80;
    Écoutez 443 SSL;
    ...

    # index.html CACHE CONTROLL LECLOR = /Index.html {
        Add_header Cache-Control "Non-cache, sans magasin, MUST-Revalidate";
        add_header pragma "non-cache";
        add_header expire -1;
        ...
    }
}

Grâce aux méthodes ci-dessus, le problème de mise en cache des ressources d'entreprise WeChat JS peut être résolu efficacement et s'assurer que tous les utilisateurs peuvent accéder aux dernières ressources du projet. Quelle option à choisir dépend de la taille des considérations de coût du projet et de maintenance.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!