商城系統(tǒng) 注冊(cè)

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

2018-07-25|HiShop
導(dǎo)讀:如何讓你的微信小程序支持cookies,我們需要這樣實(shí)現(xiàn),需要這樣的一行代碼。...

如何讓你的微信小程序支持cookies,我們需要這樣實(shí)現(xiàn),需要這樣的一行代碼。

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

 

Intro

微信原生的 wx.request 網(wǎng)絡(luò)請(qǐng)求接口并不支持傳統(tǒng)的 Cookie,但有時(shí)候我們現(xiàn)有的后端接口確于依賴 Cookie(比如服務(wù)器用戶登錄態(tài)),這個(gè)庫(kù)可用一行代碼為你的小程序?qū)崿F(xiàn) Cookie 機(jī)制,以保證基于 cookie 的服務(wù)會(huì)話不會(huì)失效,與 web 端共用會(huì)話機(jī)制

Install

npm install weapp-cookie --save

# 將 npm 包復(fù)制到 vendor 文件夾,避免小程序可能不能找到文件(tips:使用 wepy/mpvue 等框架無(wú)需此步)
cp -rf ./node_modules/ ./vendor/
復(fù)制代碼

Usage

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

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

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

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

原來(lái)的 wx.request 調(diào)用方式保持不變,引入后 weapp-cookie 會(huì)在底層自動(dòng)代理 wx.request 的接口訪問(wèn),以支持 cookie 存儲(chǔ)和發(fā)送

// pages/home/index.js

Page({
    onLoad: function () {
        wx.request({
            url: 'https://example.com/login',
            data: {
                username: 'admin',
                password: '123456'
            },
            success: function (res) {
                /*
                 * 接口調(diào)用成功后 weapp-cookie 會(huì)自動(dòng)保存后端發(fā)送的所有Cookie(比如:SessionID)
                 * 并在后續(xù)的所有請(qǐng)求中帶上,以保證基于 cookie 的服務(wù)器會(huì)話機(jī)制不會(huì)失效,
                 * 實(shí)現(xiàn)與 web 端共用會(huì)話機(jī)制(無(wú)需再手動(dòng)維護(hù) 3rd_session_key) 
                 */
            }
        })
    }
})
復(fù)制代碼

HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面,所看即所得,只需要美工就能做出精美商城。更多小程序商店請(qǐng)查看:小程序商店

電話咨詢 預(yù)約演示 0元開(kāi)店