您当前的位置: 首页 > 解决方案

weapp-cookie:一行代码让微信小程序支持 cookie

  • 作者: admin
  • 发布于 2018-07-28 13:49:08
  • 来源:  
  • 栏目:解决方案

导语: 一行代码让微信小程序支持 cookie,传送门: github Intro微信原生的 wx.request 网络请求接口并不支持传统的 Cookie,但有时候我们现有的后端接口确于依赖 Cookie(比如服

 一行代码让微信小程序支持 cookie,传送门: github

18.jpg

 

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)                   */
            }
        })
    }
})
复制代码

 

19.jpg

 

如果对你有用,欢迎 star ^_^



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部