Comment définir le temps de cache dans Uniapp

À l’ère d’Internet moderne, la mise en cache des applications est partout. Afin d'améliorer l'expérience utilisateur et de réduire la charge du serveur, une technologie de mise en cache est nécessaire. En tant que framework multiplateforme, UniApp est compatible avec plusieurs plates-formes mobiles et prend naturellement en charge la mise en cache des applications. Dans UniApp, définir la configuration appropriée du temps de cache est devenu une connaissance nécessaire. Cet article présentera en détail comment définir la durée du cache UniApp.

1. Le concept et la signification du temps de cache

Dans la technologie de mise en cache du navigateur, le temps de cache fait généralement référence au cache local et au cache du serveur proxy. La mise en cache locale stocke les ressources répondues par le serveur dans le navigateur et obtient ces ressources directement du cache la prochaine fois que vous visiterez la même page, évitant ainsi les requêtes réseau et la charge du serveur. Le cache du serveur proxy met en cache une copie de la requête émise par le client dans le serveur proxy. Le serveur proxy répond directement à la même requête la prochaine fois, ce qui réduit également la pression sur le serveur. Dans UniApp, le cache de l'application fonctionne de la même manière. Lorsque l'application démarre, les ressources du cache seront lues à partir du cache local ou du serveur. D'une part, cela garantit que l'application est mise à jour en temps quasi réel, et d'autre part. , cela réduit la charge sur le serveur.

2. Comment définir l'heure du cache dans UniApp

La définition de l'heure du cache dans UniApp nécessite deux étapes :

(1) Ajoutez les configurations liées au cache dans le fichier manifest.json.

"networkTimeout": {
  "request": 30000,
  "downloadFile": 60000,
  "connectSocket": 60000,
  "uploadFile": 60000
},
"applets": {
  "network": {
    "cache": {
      "networkTimeout": 300000,
      "maxAge": 86400000
    }
  }
},

Parmi eux, l'élément de configuration networkTimeout spécifie le délai d'expiration de la requête HTTP, en millisecondes. Les applets et les éléments de configuration du cache réseau sont fournis par UniApp et sont utilisés pour mettre en cache les retours de requêtes réseau de l'application.

(2) Définissez la durée du cache au niveau de la page dans le fichier vue.

Il existe des fonctions de cycle de vie créées() et montées() dans le composant Vue. En technologie noire, nous pouvons également utiliser onPullDownRefresh() ou onReachBottom(). En prenant create() comme exemple, voici un exemple de code simple :

created () {
  uni.setStorageSync('mymodule', _this.module)//设置缓存，缓存名为mymodule，值为_module
},

De cette façon, lorsque la page est ouverte, le cache sera lu pour garantir que la page n'expire pas dans le délai spécifié.

3. Scénarios d'application

Les paramètres de temps de cache UniApp ne sont pas applicables à tous les scénarios d'application. Généralement adapté aux applications où les mises à jour des données sont peu fréquentes, telles que les menus, les informations personnelles, etc., qui n'entraîneront pas de modifications majeures des données après leur mise en cache. Seulement dans ces scénarios, le temps de cache apportera une bonne expérience et réduira la charge sur le serveur.

4. Résumé

Grâce à l'introduction du temps de cache UniApp, je pense que vous en avez une compréhension plus profonde. Les paramètres de temps de cache d'UniApp doivent prendre en compte divers facteurs tels que les scénarios d'application, les environnements réseau, les stratégies de cache, etc. Ce n'est que lorsqu'il existe des exigences claires que vous pouvez les définir pour éviter des problèmes inutiles. Enfin, l'utilisation de la méthode de configuration décrite dans cet article pour définir la durée du cache peut améliorer efficacement l'expérience utilisateur et réduire la charge sur le serveur.

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!