UniApp에서 서버 반환 쿠키를 설정하는 방법

모바일 애플리케이션의 지속적인 개발로 프런트엔드 기술은 지속적으로 업데이트되고 업그레이드됩니다. 그 중 UniApp은 iOS, Android, H5, 애플릿 등 다양한 운영 체제와 플랫폼을 지원하는 크로스 플랫폼 프런트엔드 프레임워크입니다. UniApp에서는 Vue.js를 기반으로 하는 동일한 언어를 개발에 사용할 수 있습니다.

그러나 UniApp에서는 클라이언트에 쿠키 정보를 반환하기 위해 서버를 사용해야 하는 경우 몇 가지 설정이 필요합니다. 그렇다면 UniApp에서 쿠키를 반환하도록 서버를 설정하는 방법은 무엇입니까? 아래에서 자세히 소개해드리겠습니다.

1. 서버 측에 쿠키 설정

서버 측에 쿠키를 설정하려면 Node.js를 사용해야 합니다. 특히 Express 프레임워크를 사용해야 합니다. 먼저 서버 측에 Node.js와 Express 프레임워크를 설치한 후 다음 코드를 작성할 수 있습니다.

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

위 코드에서는 Express 프레임워크를 사용하여 GET 요청이 정의된 가상 서버를 생성합니다." /set쿠키". 이 요청에서는 res.cookie() 메소드를 사용하여 쿠키를 설정했습니다.

• 첫 번째 매개변수는 쿠키의 이름입니다.
• 두 번째 매개변수는 쿠키 값입니다.
• 세 번째 매개변수는 객체입니다. 쿠키의 일부 속성을 설정하는 데 사용됩니다. 이 중 domain은 쿠키의 도메인 이름을 나타내고, maxAge는 쿠키의 유효 기간을 나타내고, httpOnly는 쿠키가 http 프로토콜을 통해서만 접근할 수 있는지 여부를 나타내며, secure는 https 프로토콜을 통해서만 쿠키에 접근할 수 있는지 여부를 나타냅니다.

2. UniApp에서 쿠키 가져오기

서버 측에서 쿠키를 설정한 후 UniApp에서 쿠키를 가져와야 합니다. 구체적으로 다음 코드를 작성할 수 있습니다.

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

위 코드에서는 getCookie() 메서드를 정의합니다. 이 방법은 먼저 document.cookie를 사용하여 클라이언트가 저장한 모든 쿠키 정보를 얻고 이를 세미콜론으로 구분합니다. 그런 다음 루프를 사용하여 모든 쿠키 정보를 살펴보고 Trim() 및 Split() 메서드를 사용하여 개별 속성을 분리하고 객체에 저장합니다.

3. UniApp에서 쿠키 설정

마지막으로 다음 코드를 사용하여 UniApp에서 쿠키를 설정할 수 있습니다.

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

위 코드에서는 setCookie() 메서드를 정의합니다. 이 메서드는 먼저 document.cookie를 사용하여 쿠키의 이름과 값을 설정합니다.

요약

위는 UniApp에서 쿠키를 반환하도록 서버를 설정하는 방법입니다. UniApp에서 미니 프로그램 플랫폼을 사용하는 경우 쿠키를 설정할 때 쿠키가 클라이언트에 반환되기 전에 wx.request() 인터페이스를 통해 요청을 전송해야 한다는 점에 유의해야 합니다. 또한, 어떤 플랫폼을 사용하든 쿠키 설정 시 고객 정보 유출로 이어질 수 있는 허점을 피하기 위해 쿠키의 보안을 보장해야 합니다.

위 내용은 UniApp에서 서버 반환 쿠키를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!