摘要:背景之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的的封裝流程先來說說整個流程里面已進入就去獲取用戶信息,如果沒有登錄則默認登錄,這里不做錯誤處理用戶必須同意授權才能進行操作,如果不同意授權則會一直跳轉到授權頁面在授權頁面點擊授權
背景
之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的 request 的封裝
流程先來說說整個流程:
appjs 里面已進入就去獲取用戶信息,如果沒有登錄則默認登錄,這里不做錯誤處理
用戶必須同意授權才能進行操作,如果不同意授權則會一直跳轉到授權頁面
在授權頁面點擊授權登錄后,調用登錄接口,成功后返回調起授權的頁面,
app.jsonLaunch 里面獲取用戶信息
appSelf = this; // 應用程序第一次進入,獲取用戶信息,不做任何錯誤處理 userInfo().then( (res)=>{ console.log(res);// 打印結果 if (!res.code) { appSelf.globalData.userInfo = res } }).catch( (errMsg)=>{ console.log(errMsg);// 錯誤提示信息 });httpUtils.js request 的封裝
const request = function (path, method, data, header) { let user_id = ""; let token = ""; try { user_id = wx.getStorageSync(USER_ID_KEY); token = wx.getStorageSync(TOKEN_KEY); } catch (e) {} header = header || {}; let cookie = []; cookie.push("USERID=" + user_id); cookie.push("TOKEN=" + token); cookie.push("device=" + 1); cookie.push("app_name=" + 1); cookie.push("app_version=" + ENV_VERSION); cookie.push("channel=" + 1); header.cookie = cookie.join("; "); return new Promise((resolve, reject) => { wx.request({//后臺請求 url: API_BASE_URL + path, header: header, method: method, data: data, success: function (res) { if (res.statusCode !== 200) { reject(res.data) } else { if (res.data.code === 20006) { login().then( (res)=>{ resolve(res) }).catch( (errMsg)=>{ reject(errMsg); }) } resolve(res.data) } }, fail: function (res) { reject("not data"); } }); }); }login
const login = function () { try { wx.removeStorageSync(USER_ID_KEY) wx.removeStorageSync(TOKEN_KEY) } catch (e) {} return new Promise((resolve, reject) => { wx.login({ success: res => { let code = res.code; // 已經授權,可以直接調用 getUserInfo 獲取頭像昵稱,不會彈框 wx.getUserInfo({ withCredentials: true, success: res => { let userInfo = res.userInfo; let name = userInfo.nickName; let avatar = userInfo.avatarUrl; let sex = userInfo.gender; let data = { code: code, encryptedData: res.encryptedData, iv: res.iv, name: name, avatar: avatar, sex: sex, from: FROM, }; request("/api/user/login/byWeChatApplet", "POST", data).then( (res)=>{ if (!res.code) { try { wx.setStorageSync(USER_ID_KEY, res.user_id); wx.setStorageSync(TOKEN_KEY, res.token) } catch (e) { reject(JSON.stringify(e)); } } resolve(res) }).catch( (errMsg)=>{ reject(errMsg) }); }, fail: function (res) { console.log(res); if (res.errMsg && res.errMsg.startsWith("getUserInfo:fail") && res.errMsg.search("unauthorized") != -1) { // 跳轉授權頁面 wx.navigateTo({ url: "/pages/auth/auth" }) return; } wx.getSetting({ success: (res) => { if (!res.authSetting["scope.userInfo"]) { // 跳轉授權頁面 wx.navigateTo({ url: "/pages/auth/auth" }) } } }); } }) } }) }); };auth.js
授權頁面 js
Page({ data: { }, onLoad: function () { self = this; }, auth: function (e) { console.log(app.globalData.userInfo); if (e.detail.userInfo) { login().then( (res)=>{ console.log(res);// 打印結果 if (res.code) { // 接口錯誤 return } // 跳轉回上一個頁面 wx.navigateBack() }).catch( (errMsg)=>{ console.log(errMsg);// 錯誤提示信息 }); } }, });項目地址
https://github.com/lmxdawn/wx...
一個 vue + thinkphp5.1 搭建的后臺管理:https://github.com/lmxdawn/vu...
演示:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52907.html
摘要:調用方法如下微信熱門官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 § 封裝網絡請求及 mock 數據 本文配套視頻地址:https://v.qq.com/x/page/i0554... 開始前請把 ch2-3 分支中的 code/ 目錄導入微信開發工具 上一節中,我們對 index.js 文件中增加了 util 對象,并在對象...
摘要:調用方法如下微信熱門官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 § 封裝網絡請求及 mock 數據 本文配套視頻地址:https://v.qq.com/x/page/i0554... 開始前請把 ch2-3 分支中的 code/ 目錄導入微信開發工具 上一節中,我們對 index.js 文件中增加了 util 對象,并在對象...
摘要:調用方法如下微信熱門官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 § 封裝網絡請求及 mock 數據 本文配套視頻地址:https://v.qq.com/x/page/i0554... 開始前請把 ch2-3 分支中的 code/ 目錄導入微信開發工具 上一節中,我們對 index.js 文件中增加了 util 對象,并在對象...
摘要:背景之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的的封裝流程先來說說整個流程里面已進入就去獲取用戶信息,如果沒有登錄則默認登錄,這里不做錯誤處理用戶必須同意授權才能進行操作,如果不同意授權則會一直跳轉到授權頁面在授權頁面點擊授權 背景 之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的 request 的封裝 流程 先來說說整個流程: appjs 里面已進入就去獲...
摘要:背景之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的的封裝流程先來說說整個流程里面已進入就去獲取用戶信息,如果沒有登錄則默認登錄,這里不做錯誤處理用戶必須同意授權才能進行操作,如果不同意授權則會一直跳轉到授權頁面在授權頁面點擊授權 背景 之前小程序代碼混亂,所以新項目一開始就準備弄個微信小程序的 request 的封裝 流程 先來說說整個流程: appjs 里面已進入就去獲...
閱讀 4982·2021-11-25 09:43
閱讀 1685·2021-10-27 14:18
閱讀 1055·2021-09-22 16:03
閱讀 1349·2019-08-30 13:19
閱讀 1572·2019-08-30 11:15
閱讀 1645·2019-08-26 14:04
閱讀 3124·2019-08-23 18:40
閱讀 1166·2019-08-23 18:17