如何讓微信小程序支持cookie的方式

這篇文章主要講解了“如何讓微信小程序支持cookie的方式”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何讓微信小程序支持cookie的方式”吧！

Intro

微信原生的 wx.request 網絡請求接口并不支持傳統的 Cookie，但有時候我們現有的后端接口確于依賴 Cookie（比如服務器用戶登錄態），這個庫可用一行代碼為你的小程序實現 Cookie 機制，以保證基于 cookie 的服務會話不會失效，與 web 端共用會話機制

Install

npm install weapp-cookie --save

# 將 npm 包復制到 vendor 文件夾，避免小程序可能不能找到文件（tips：使用 wepy/mpvue 等框架無需此步）
cp -rf ./node_modules/ ./vendor/
復制代碼

Usage

在小程序根目錄的 app.js 一行代碼引入即可

// app.js
import './vendor/weapp-cookie/index'

// tips: 使用 wepy/mpvue 可以直接在入口 js 引入 weapp-cookie 模塊
// import 'weapp-cookie'

App({
    onLaunch: function () { }
    // ...
})
復制代碼

原來的 wx.request 調用方式保持不變，引入后 weapp-cookie 會在底層自動代理 wx.request 的接口訪問，以支持 cookie 存儲和發送

// pages/home/index.js

Page({
    onLoad: function () {
        wx.request({
            url: 'https://example.com/login',
            data: {
                username: 'admin',
                password: '123456'
            },
            success: function (res) {
                /*
                 * 接口調用成功后 weapp-cookie 會自動保存后端發送的所有Cookie（比如：SessionID）
                 * 并在后續的所有請求中帶上，以保證基于 cookie 的服務器會話機制不會失效，
                 * 實現與 web 端共用會話機制（無需再手動維護 3rd_session_key） 
                 */
            }
        })
    }
})
復制代碼

感謝各位的閱讀，以上就是“如何讓微信小程序支持cookie的方式”的內容了，經過本文的學習后，相信大家對如何讓微信小程序支持cookie的方式這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！