用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 實戰教程 查看內容

微信小程序api封裝經驗

Rolan 2020-3-30 00:59

寫多 之后,吸取之前的經驗,瞎寫了一個簡單的封裝api,有幸看到的朋友,就隨便看看哈,如果能給到你幫助就一直棒了,額呵呵呵!新建constant.js和api.js文件    在constant.js中統一定義ip地址    api.js文 ...

寫多 之后,吸取之前的經驗,瞎寫了一個簡單的封裝api,有幸看到的朋友,就隨便看看哈,如果能給到你幫助就一直棒了,額呵呵呵!

  • 新建constant.js和api.js文件

    

 

 

  • 在constant.js中統一定義ip地址

    

 

 

  • api.js文件

   對應的返回狀態碼要根據怎么公司的返回碼的規定改了哈

復制代碼
let CONSTANT = require('./constant')
    // 從本地存儲Storage中獲取token值
function getToken() {
    return wx.getStorageSync(CONSTANT.TOKEN);
}

// 創建請求頭header的內容
function buildHeaders(isJson) {
    let headers = {
        "Content-Type": isJson ? 'application/json' : "application/x-www-form-urlencoded",
        "version": CONSTANT.MINI_VERSION,
    };
    const token = getToken();
    if (token) {
        headers["token"] = token;
    }
    return headers;
}

// 發起 HTTPS 網絡請求。
let baseURL = CONSTANT.API_URL;

function fetchApi(baseURL, url, params, method, isJson) {
    // wx.getNetworkType判斷網路類型。eg:wifi、2g、3g...;none值表示無網路
    wx.getNetworkType({
        success: function(res) {
            // &&表示“并”"none" === e.networkType如果為真,才會去執行&&后面的內容,否則不執行
            "none" === res.networkType && (wx.hideLoading(), wx.showModal({
                title: "提示",
                content: "當前無網絡,請檢查網絡設置后重新加載",
                showCancel: false
            }));
        }
    });
    return new Promise((resolve, reject) => {
        wx.request({
            url: `${baseURL}${url}`,
            method: method,
            header: buildHeaders(isJson),
            data: params,
            success: function(res) {
                // 成功返回statusCode參數表示開發者服務器返回的 HTTP 狀態碼
                // 統一攔截提示錯誤
                // var o = res.statusCode;
                // if (o !== 200 && [21020000, 41020001, 41020003, 21020002].indexOf(res.data.status) == -1) {
                //     wx.hideLoading();
                //     wx.showModal({
                //         title: "提示",
                //         content: res.data.msg
                //     });
                //     return;
                // } 2020.3.9
                // 41020001表示未登錄那就要去拿code值
                // 21020002表示登錄超時
                // 并重新請求獲取token值
                if (41020001 == res.data.status || 21020002 === res.data.status) {
                    wx.login({
                        success: res => {
                            wx.request({
                                url: baseURL + "/api/user/login",
                                method: "GET",
                                header: {
                                    "token": "",
                                    "version": CONSTANT.MINI_VERSION,
                                },
                                data: {
                                    code: res.code,
                                },
                                success: function(res) {
                                    wx.removeStorageSync(CONSTANT.TOKEN);
                                    if (21020000 === res.data.status) {
                                        wx.setStorageSync(CONSTANT.TOKEN, res.data.data);
                                        console.log("already refresh token");
                                        fetchApi(url, url, params, method);
                                    }
                                }
                            });
                        }
                    });
                }
                // 41020003表示未授權了直接跳轉到授權頁(請求授權獲取用戶信息)
                else if (41020003 == res.data.status) {
                    wx.redirectTo({
                        url: "/pages/accredit/accredit"
                    });
                } else {
                    resolve(res.data);
                }
            },
            fail: function(res) {
                reject(res.data);
                console.log("network fail.", res);
            },
            complete: function(res) {
                reject(res.data);
                // console.log('complete', res);
            }
        });
    });
};
module.exports = {
    // 首頁
    getIndex(params) {
        return fetchApi(baseURL, '/api/index', params, 'GET');
    },
}
復制代碼
  • 引用

  在需要的頁面引用,也可以只引用你需要的那一個方法也行的額  

  

api.getIndex().then(res => {
  ......
//那到返回值之后要執行的內容 }

哈哈哈,完了

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: mei1234! 來自: cnblogs
河北20选5大星走势图 辽宁11选5技巧 稳赚 下载500彩票app 内蒙古快三预测专家预测分析 吉林快3二同号跨度遗漏 好彩1论坛 河北福彩排列7走势图 弘业期货 今日安徽快三开奖号码 贵州快三查询结果 急速赛车9 十一运夺金杀号专家 洪城水业定向增发2019 浙江体育彩票十一选五 福建快三走势图结果 重庆幸运农场结果 七乐彩预测专家最准确