Bagaimana untuk menyelesaikan masalah Caching Sumber JS di WeChat Enterprise?

Masalah Caching Sumber dan Strategi Respons Enterprise JS

Masalah caching sumber JS di persekitaran WeChat perusahaan sering menyebabkan sesetengah pengguna tidak dapat mengalami fungsi terkini selepas projek itu dinaik taraf. Sebagai contoh, selepas menambah fungsi penjejakan titik terkubur, pengguna yang sama mengakses halaman yang sama dalam tempoh masa yang sama, tetapi boleh memuatkannya ke dalam versi JS yang berlainan (dengan titik terkubur atau tanpa mata yang dikebumikan). Ini bukan kes terpencil, tetapi disebabkan oleh strategi cache yang kuat bagi penyemak imbas terbina dalam perusahaan WeChat: sekali sumber itu di-cache, ia tidak akan diminta lagi melainkan jika ia disegarkan secara manual.

Walaupun kami menetapkan masa tamat tempoh sumber JS dua bulan, sumber lama masih boleh dimuatkan kerana mekanisme cache yang kuat dari WeChat akan memberi keutamaan untuk membaca cache tempatan.

Untuk masalah ini, penyelesaian berikut boleh didapati:

1. Lumpuhkan Cache secara langsung (kaedah mudah dan kasar): Tetapkan perkhidmatan HTTP Front -end tamat tempoh ke -1. Kaedah ini mudah dan mudah, tetapi pengguna mungkin perlu membersihkan cache tempatan untuk berkuatkuasa.

2. Penyelesaian Ideal (Hash Kandungan): Tetapkan header cache index.html ke Expires -1 dan tambahkan nilai hash kandungan (contohnya, script.12345.js ) ke nama sumber statik, dan kemudian membolehkan cache. Ini memastikan setiap kemas kini sumber akan menghasilkan nama baru, dengan itu mengelakkan masalah caching.

3. Strategi untuk perubahan besar: Untuk perubahan besar-besaran dalam projek ini, disyorkan untuk melumpuhkan semua sumber cache terlebih dahulu, dan kemudian secara beransur-ansur mengoptimumkan strategi cache.

Untuk lebih berkesan mengawal cache index.html , anda boleh menambah arahan berikut dalam konfigurasi pelayan anda (seperti nginx):

 pelayan {
    Dengar 80;
    Dengar 443 SSL;
    …

    # index.html cache control location = /index.html {
        add_header Cache-Control "No-Cache, No-Store, Must-revalidate";
        add_header pragma "no-cache";
        add_header tamat tempoh -1;
        …
    }
}

Melalui kaedah di atas, masalah caching sumber WeChat JS Enterprise dapat diselesaikan dengan berkesan dan memastikan semua pengguna dapat mengakses sumber projek terkini. Pilihan mana untuk dipilih bergantung kepada saiz projek dan pertimbangan kos penyelenggaraan.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah Caching Sumber JS di WeChat Enterprise?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!