Bagaimana untuk menetapkan kuki pemulangan pelayan dalam UniApp

Dengan pembangunan berterusan aplikasi mudah alih, teknologi bahagian hadapan sentiasa dikemas kini dan dinaik taraf. Antaranya, UniApp ialah rangka kerja bahagian hadapan merentas platform yang menyokong berbilang sistem pengendalian dan platform, seperti iOS, Android, H5 dan applet. Dalam UniApp, kami boleh menggunakan bahasa yang sama untuk pembangunan, yang berdasarkan Vue.js.

Walau bagaimanapun, dalam UniApp, jika anda perlu menggunakan pelayan untuk mengembalikan maklumat kuki kepada klien, anda perlu membuat beberapa tetapan. Jadi, bagaimana untuk menetapkan pelayan untuk mengembalikan kuki dalam UniApp? Izinkan saya memperkenalkannya kepada anda secara terperinci di bawah.

1. Menetapkan kuki pada bahagian pelayan

Untuk menetapkan kuki pada bahagian pelayan, kita perlu menggunakan Node.js. Khususnya, kita perlu menggunakan rangka kerja ekspres. Pertama, selepas memasang Node.js dan rangka kerja ekspres pada bahagian pelayan, kami boleh menulis kod berikut:

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

Dalam kod di atas, kami menggunakan rangka kerja ekspres untuk mencipta pelayan maya permintaan "/setCookie" ditakrifkan. Dalam permintaan ini, kami menggunakan kaedah res.cookie() untuk menetapkan kuki:

• Parameter pertama ialah nama kuki;
• Parameter kedua ialah nilai kuki ;
• Parameter ketiga ialah objek yang digunakan untuk menetapkan beberapa atribut kuki. Antaranya, domain mewakili nama domain kuki, maxAge mewakili tempoh sah kuki, httpHanya mewakili sama ada kuki hanya boleh diakses melalui protokol http, dan selamat mewakili sama ada kuki hanya boleh diakses melalui protokol https.

2. Dapatkan kuki dalam UniApp

Selepas menetapkan kuki pada bahagian pelayan, kita perlu mendapatkan kuki dalam UniApp. Secara khusus, kita boleh menulis kod berikut:

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

Dalam kod di atas, kami mentakrifkan kaedah getCookie(). Kaedah ini mula-mula menggunakan document.cookie untuk mendapatkan semua maklumat kuki yang disimpan oleh pelanggan dan memisahkannya dengan koma bertitik. Kami kemudian menggunakan gelung untuk menyemak semua maklumat kuki dan menggunakan kaedah trim() dan split() untuk memisahkan atribut individu dan menyimpannya ke dalam objek.

3. Tetapkan kuki dalam UniApp

Akhir sekali, kami boleh menggunakan kod berikut untuk menetapkan kuki dalam UniApp:

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

Dalam kod di atas , kami mentakrifkan kaedah setCookie(). Kaedah ini mula-mula menggunakan document.cookie untuk menetapkan nama dan nilai kuki.

Ringkasan

Di atas ialah cara menetapkan pelayan untuk mengembalikan kuki dalam UniApp. Perlu diingatkan bahawa jika kami menggunakan platform program mini dalam UniApp, maka apabila menetapkan kuki, permintaan mesti dihantar melalui antara muka wx.request() sebelum kuki boleh dikembalikan kepada klien. Selain itu, tidak kira platform mana yang digunakan, semasa menetapkan kuki, kami perlu memastikan keselamatan kuki untuk mengelakkan kelemahan yang boleh menyebabkan kebocoran maklumat pelanggan.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kuki pemulangan pelayan dalam UniApp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!