So setzen Sie Server-Return-Cookies in UniApp

Mit der kontinuierlichen Weiterentwicklung mobiler Anwendungen wird die Front-End-Technologie ständig aktualisiert und verbessert. Unter anderem ist UniApp ein plattformübergreifendes Front-End-Framework, das mehrere Betriebssysteme und Plattformen wie iOS, Android, H5 und Applets unterstützt. In UniApp können wir für die Entwicklung dieselbe Sprache verwenden, die auf Vue.js basiert.

Wenn Sie jedoch in UniApp den Server verwenden müssen, um Cookie-Informationen an den Client zurückzugeben, müssen Sie einige Einstellungen vornehmen. Wie stellt man also den Server in UniApp so ein, dass er Cookies zurückgibt? Lassen Sie mich es Ihnen im Folgenden ausführlich vorstellen.

1. Cookies auf der Serverseite setzen

Um Cookies auf der Serverseite zu setzen, müssen wir Node.js verwenden. Insbesondere müssen wir das Express-Framework verwenden. Nachdem wir Node.js und das Express-Framework auf der Serverseite installiert haben, können wir zunächst den folgenden Code schreiben:

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

Im obigen Code verwenden wir das Express-Framework, um einen virtuellen Server zu erstellen, in dem die GET-Anfrage definiert ist.“ /setCookie". In dieser Anfrage haben wir die Methode res.cookie() verwendet, um das Cookie zu setzen:

• Der erste Parameter ist der Name des Cookies;
• Der zweite Parameter ist der Cookie-Wert;
• Der dritte Parameter ist ein Objekt. Wird verwendet, um einige Attribute des Cookies festzulegen. Unter diesen stellt „domain“ den Domänennamen des Cookies dar, „maxAge“ stellt die Gültigkeitsdauer des Cookies dar, „httpOnly“ stellt dar, ob auf das Cookie nur über das http-Protokoll zugegriffen werden kann, und „secure“ stellt dar, ob auf das Cookie nur über das https-Protokoll zugegriffen werden kann.

2. Cookies in UniApp abrufen

Nachdem wir Cookies auf der Serverseite gesetzt haben, müssen wir Cookies in UniApp abrufen. Konkret können wir den folgenden Code schreiben:

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

Im obigen Code definieren wir eine getCookie()-Methode. Diese Methode verwendet zunächst document.cookie, um alle vom Client gespeicherten Cookie-Informationen abzurufen und diese durch Semikolons zu trennen. Anschließend gehen wir in einer Schleife alle Cookie-Informationen durch und nutzen die Methoden trim() und split(), um die einzelnen Attribute zu trennen und in einem Objekt zu speichern.

3. Cookies in UniApp setzen

Abschließend können wir den folgenden Code verwenden, um Cookies in UniApp zu setzen:

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

Im obigen Code definieren wir eine setCookie()-Methode. Diese Methode verwendet zunächst document.cookie, um den Namen und Wert des Cookies festzulegen.

Zusammenfassung

Oben erfahren Sie, wie Sie den Server so einstellen, dass er Cookies in UniApp zurückgibt. Es ist zu beachten, dass, wenn wir eine Mini-Programmplattform in UniApp verwenden, beim Setzen eines Cookies eine Anfrage über die Schnittstelle wx.request() gesendet werden muss, bevor das Cookie an den Client zurückgegeben werden kann. Darüber hinaus müssen wir beim Setzen von Cookies unabhängig von der verwendeten Plattform die Sicherheit von Cookies gewährleisten, um Lücken zu vermeiden, die zum Verlust von Kundeninformationen führen können.

Das obige ist der detaillierte Inhalt vonSo setzen Sie Server-Return-Cookies in UniApp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!