ホームページ > ウェブフロントエンド > uni-app > UniApp でサーバーリターン Cookie を設定する方法

UniApp でサーバーリターン Cookie を設定する方法

PHPz
リリース: 2023-04-06 14:18:48
オリジナル
2405 人が閲覧しました

モバイル アプリケーションの継続的な開発に伴い、フロントエンド テクノロジも常に更新およびアップグレードされます。その中でも、UniApp は、iOS、Android、H5、アプレットなど、複数のオペレーティング システムとプラットフォームをサポートするクロスプラットフォームのフロントエンド フレームワークです。 UniApp では、Vue.js をベースにした同じ言語を開発に使用できます。

ただし、UniApp でサーバーを使用してクライアントに Cookie 情報を返す必要がある場合は、いくつかの設定が必要です。では、UniApp で Cookie を返すようにサーバーを設定するにはどうすればよいでしょうか?以下で詳しくご紹介していきます。

  1. サーバー側で Cookie を設定する

サーバー側で Cookie を設定するには、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リクエスト「/setCookie」が行われました。このリクエストでは、res.cookie() メソッドを使用して Cookie を設定しました:

  • 最初のパラメータは Cookie の名前で、
  • 2 番目のパラメータは Cookie の値です。 Cookie ;
  • 3 番目のパラメータは、Cookie のいくつかの属性を設定するために使用されるオブジェクトです。このうち、domain は Cookie のドメイン名を表し、maxAge は Cookie の有効期間を表し、httpOnly は Cookie が http プロトコルを通じてのみアクセスできるかどうかを表し、secure は Cookie が https プロトコルを通じてのみアクセスできるかどうかを表します。
  1. UniApp で Cookie を取得する

サーバー側で Cookie を設定した後、UniApp で Cookie を取得する必要があります。具体的には、次のコードを記述できます:

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 を使用してクライアントによって保存されたすべての Cookie 情報を取得し、セミコロンで区切ります。次に、ループを使用してすべての Cookie 情報を調べ、trim() メソッドと Split() メソッドを使用して個々の属性を分離し、オブジェクトに保存します。

  1. UniApp に Cookie を設定する

最後に、次のコードを使用して UniApp に Cookie を設定できます:

export default {
  methods: {
    setCookie() {
      document.cookie = 'name=uniapp';
    }
  }
}
ログイン後にコピー

上記のコードでは、次のように定義します。 setCookie() メソッド。このメソッドは、最初に document.cookie を使用して Cookie の名前と値を設定します。

概要

上記は、UniApp で Cookie を返すようにサーバーを設定する方法です。 UniApp でミニ プログラム プラットフォームを使用している場合、Cookie を設定するときは、Cookie をクライアントに返す前に、インターフェイス wx.request() を介してリクエストを送信する必要があることに注意してください。また、どのようなプラットフォームを使用する場合でも、Cookieを設定する際には、顧客情報の漏洩につながる抜け穴を避けるため、Cookieの安全性を確保する必要があります。

以上がUniApp でサーバーリターン Cookie を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート