欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解微信小程序的 request 封裝示例

 更新時(shí)間:2018年08月21日 08:28:43   作者:蘭茗翔  
這篇文章主要介紹了詳解微信小程序的 request 封裝示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

背景

之前小程序代碼混亂,所以新項(xiàng)目一開始就準(zhǔn)備弄個(gè)微信小程序的 request 的封裝

httpUtils.js

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({//后臺(tái)請(qǐng)求
   url: API_BASE_URL + path,
   header: header,
   method: method,
   data: data,
   success: function (res) {
    if (res.code) {
     reject(res.data)
    } else {
     resolve(res.data)
    }
   },
   fail: function (res) {
    reject("not data");
   }
  });
 });
};

userLogin.js

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;
    // 已經(jīng)授權(quán),可以直接調(diào)用 getUserInfo 獲取頭像昵稱,不會(huì)彈框
    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) {
      if (res.errMsg && res.errMsg.startsWith("getUserInfo:fail") && res.errMsg.search("unauthorized") !== -1) {
       reject("getUserInfo:fail");
       return;
      }
      wx.getSetting({
       success: (res) => {
        if (!res.authSetting["scope.userInfo"]) {//沒授權(quán)
         showModal('提示', '需要獲取用戶的權(quán)限,點(diǎn)擊確定前往設(shè)置,打開用戶信息', true, function (res) {
          wx.openSetting({
           success: (res) => {
            // 用戶返回 不管是否開啟 接著去重新登錄
            login().then( (res)=>{
             if (res.code) {
              reject(res.message);
              return
             }
             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)
            });
           }
          })
         }, function () {})
        }
       }
      });
     }
    })
   }
  })
 });
};

項(xiàng)目地址:https://github.com/lmxdawn/wxa-demo

一個(gè) vue + thinkphp5.1 搭建的后臺(tái)管理:https://github.com/lmxdawn/vue-admin-html

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 拖動(dòng)Html元素集合 Drag and Drop any item

    拖動(dòng)Html元素集合 Drag and Drop any item

    拖動(dòng)Html元素集合 Drag and Drop any item...
    2006-12-12
  • JS實(shí)現(xiàn)圖片元素轉(zhuǎn)BASE64編碼的簡單示例

    JS實(shí)現(xiàn)圖片元素轉(zhuǎn)BASE64編碼的簡單示例

    在Web開發(fā)中,我們經(jīng)常需要將圖片轉(zhuǎn)換為Base64格式,以便在不依賴外部資源的情況下直接在HTML中使用,在這篇文章中,我將向您展示如何使用JavaScript將圖片元素轉(zhuǎn)BASE64編碼,需要的朋友可以參考下
    2023-12-12
  • 用Javascript 編寫可以緩慢彈出收縮的層

    用Javascript 編寫可以緩慢彈出收縮的層

    前天老師布置了一道思考題,用Javascript編寫可以緩慢彈出收縮的層,折騰了好幾個(gè)小時(shí),總算寫出效果.
    2009-10-10
  • 原生JS實(shí)現(xiàn)簡單屏幕截圖

    原生JS實(shí)現(xiàn)簡單屏幕截圖

    本文主要介紹了原生JS實(shí)現(xiàn)簡單屏幕截圖,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • 從父頁面讀取和操作iframe中內(nèi)容方法

    從父頁面讀取和操作iframe中內(nèi)容方法

    在父頁面中訪問iframe中的各個(gè)元素與一般的訪問頁面元素?zé)o本質(zhì)區(qū)別,無非是需要在父頁面中事先獲取需要處理的iframe對(duì)象,在獲取iframe對(duì)象后,其操作基本沒什么特別之處。
    2009-07-07
  • 小程序?qū)崿F(xiàn)搜索框

    小程序?qū)崿F(xiàn)搜索框

    搜索框無論是在電商網(wǎng)站還是小程序中都很常見,這篇文章主要就為大家詳細(xì)介紹了小程序如何實(shí)現(xiàn)搜索框,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 判斷js數(shù)據(jù)類型的函數(shù)實(shí)例詳解

    判斷js數(shù)據(jù)類型的函數(shù)實(shí)例詳解

    這篇文章主要介紹了一個(gè)判斷js數(shù)據(jù)類型的函數(shù),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • 解決Layui選擇全部,換頁checkbox復(fù)選框重新勾選的問題方法

    解決Layui選擇全部,換頁checkbox復(fù)選框重新勾選的問題方法

    今天小編就為大家分享一篇解決Layui選擇全部,換頁checkbox復(fù)選框重新勾選的問題方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • ES6 async、await的基本使用方法示例

    ES6 async、await的基本使用方法示例

    這篇文章主要介紹了ES6 async、await的基本使用方法,結(jié)合實(shí)例形式分析了ES6 async、await的基本功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2020-06-06
  • javascript 頁面劃詞搜索JS

    javascript 頁面劃詞搜索JS

    這個(gè)腳本是網(wǎng)上的代碼修改的,兼容各主流瀏覽器,優(yōu)化頁面異步加載的文字的檢索提示框定位,根據(jù)選擇文字位置與屏幕尺寸計(jì)算檢索提示框定位。
    2009-09-09

最新評(píng)論