微信小程式如何封裝api(詳解 )

2021-10-06 02:48:50 字數 960 閱讀 4315

首先建立乙個http檔案

//設定公共訪問的url.即環境位址

//commonjs規範--node.js採用的就是該規範 引入:require

module.exports=,

//測試環境

test:,

//線上環境(公共部分)

prod:

}//es6 module --vue中通常採用es6的模組化規範 引入:import2.

2.二次封裝 ajax請求,建立個request.js(自定義)

//引入env中的url

const = require('./env').prod

//專用網域名稱

const subdomain = '***'

module.exports = /$$`;

// console.log(_url)

return new promise((resolve, reject) => )

wx.request(,

success(res) ,

fail()

})})

},}

3.建立乙個api.js檔案

//引入reuest請求

const = require('./request')

//基於業務封裝的資料請求

module.exports = , true);

},}

4.在需要請求資料的頁面中呼叫即可

//引用我們要呼叫的方法

/*** 生命週期函式--監聽頁面載入*/

onload: function () )

})},這樣更加方便我們對後台介面進行管理,**整潔 美滋滋~

微信小程式開發API封裝

專案url相通部分,減輕 量,同時方便專案遷移 get請求,不需要傳參,直接url呼叫 function getdata url,dosuccess ethod get success function res 這裡時匯出 module.exports.getdata getdata page裡面隨...

微信小程式封裝API介面

2.新建資料夾http,api是封裝的介面函式,env是設定公共訪問的url,http是二次封裝wx.request 3.env.js 設定公共訪問的url,即環境變數 module.exports 測試環境 test 線上環境 引入env中的url const require env.js pro...

微信小程式api介面呼叫用封裝

1.在 02 專案 下新建request目錄及index.js檔案 1.1 02 專案 request index.js 同時傳送非同步 的次數 let ajaxtimes 0 export const request params if params.url.includes my ajaxtim...