Comment définir les cookies de retour du serveur dans UniApp

Avec le développement continu des applications mobiles, la technologie frontale est constamment mise à jour et améliorée. Parmi eux, UniApp est un framework frontal multiplateforme qui prend en charge plusieurs systèmes d'exploitation et plates-formes, tels que iOS, Android, H5 et les applets. Dans UniApp, nous pouvons utiliser le même langage pour le développement, basé sur Vue.js.

Cependant, dans UniApp, si vous devez utiliser le serveur pour renvoyer des informations sur les cookies au client, vous devez effectuer certains réglages. Alors, comment configurer le serveur pour qu'il renvoie les cookies dans UniApp ? Laissez-moi vous le présenter en détail ci-dessous.

1. Définir les cookies côté serveur

Pour définir les cookies côté serveur, nous devons utiliser Node.js. Plus précisément, nous devons utiliser le framework express. Tout d'abord, après avoir installé Node.js et le framework express côté serveur, nous pouvons écrire le code suivant :

const express = require('express');
const app = express();

app.get('/setCookie', function (req, res) {
  res.cookie('name', 'uniapp', {
    domain: 'localhost',
    maxAge: 1000 * 60 * 60 * 24,
    httpOnly: true,
    secure: false
  });
  res.send('Cookie is set');
});

app.listen(8080, function () {
  console.log('App is listening on port 8080');
});

Dans le code ci-dessus, nous utilisons le framework express pour créer un serveur virtuel dans lequel la requête GET est définie." /setCookie". Dans cette requête, nous avons utilisé la méthode res.cookie() pour définir le cookie :

• Le premier paramètre est le nom du cookie
• Le deuxième paramètre est la valeur du cookie ;
• Le troisième paramètre est un objet ; utilisé pour définir certains attributs du cookie. Parmi eux, domain représente le nom de domaine du cookie, maxAge représente la période de validité du cookie, httpOnly indique si le cookie est uniquement accessible via le protocole http et secure indique si le cookie est uniquement accessible via le protocole https.

2. Obtenir des cookies dans UniApp

Après avoir défini les cookies côté serveur, nous devons obtenir des cookies dans UniApp. Plus précisément, nous pouvons écrire le code suivant :

export default {
  methods: {
    getCookie() {
      var cookies = document.cookie.split(';');
      var obj = {};
      for (var i = 0; i < cookies.length; i++) {
        var arr = cookies[i].trim().split('=');
        obj[arr[0]] = arr[1];
      }
      console.log(obj);
    }
  }
}

Dans le code ci-dessus, nous définissons une méthode getCookie(). Cette méthode utilise d'abord document.cookie pour obtenir toutes les informations sur les cookies enregistrées par le client et les sépare par des points-virgules. Nous utilisons ensuite une boucle pour parcourir toutes les informations sur les cookies et utilisons les méthodes trim() et split() pour séparer les attributs individuels et les enregistrer dans un objet.

3. Définir les cookies dans UniApp

Enfin, nous pouvons utiliser le code suivant pour définir les cookies dans UniApp :

export default {
  methods: {
    setCookie() {
      document.cookie = 'name=uniapp';
    }
  }
}

Dans le code ci-dessus, nous définissons une méthode setCookie(). Cette méthode utilise d'abord document.cookie pour définir le nom et la valeur du cookie.

Résumé

Ce qui précède explique comment configurer le serveur pour qu'il renvoie les cookies dans UniApp. Il convient de noter que si nous utilisons une mini-plateforme de programme dans UniApp, alors lors de la définition d'un cookie, une demande doit être envoyée via l'interface wx.request() avant que le cookie puisse être renvoyé au client. De plus, quelle que soit la plateforme utilisée, lors de la configuration des cookies, nous devons garantir la sécurité des cookies afin d'éviter des failles pouvant entraîner une fuite d'informations sur les clients.

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!