作者:我们每次都聊撸 | 来源:互联网 | 2023-06-03 16:48
微信原生的wx.request网络请求接口并不支持传统的Cookie,但有时候我们现有的后端接口确于依赖Cookie(比如服务器用户登录态),[weapp-cookie]这个库可
微信原生的 wx.request 网络请求接口并不支持传统的 COOKIE,但有时候我们现有的后端接口确于依赖 COOKIE(比如服务器用户登录态),[weapp-COOKIE]这个库可用一行代码为你的小程序实现 COOKIE 机制,以保证基于 COOKIE 的服务会话不会失效,与 web 端共用会话机制。
安装
npm install weapp-COOKIE --save
# 将 npm 包复制到 vendor 文件夹,避免小程序可能不能找到文件(tips:使用 wepy/mpvue 等框架无需此步)
cp -rf ./node_modules/ ./vendor/
用法
在小程序根目录的 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)
*/
}
})
}
})
来自:米筷网络