讓微信小程序支持cookie的方式
2018-07-25|HiShop
導讀:如何讓你的微信小程序支持cookies,我們需要這樣實現,需要這樣的一行代碼。...
如何讓你的微信小程序支持cookies,我們需要這樣實現,需要這樣的一行代碼。
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) */ } }) } }) 復制代碼
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。更多小程序商店請查看:小程序商店
您可能感興趣:小程序開發
上一篇:小程序開發實用技巧——擴展 Page頁面對象 下一篇:微信小程序調起鍵盤性能優化