全网介绍一个小程序接口请求封装的例子(小程序请求接口api)

今天小程序开发教程为全网大家介绍一个小程序接口请求封装的例子，赶紧看。

这篇文章主要是针对一些初学者，有一些不好写的地方。请原谅我！

在utils文件夹中创建两个新的js文件，一个是api.js，另一个是requtil.js

API . js const request = require(' requutil . js ')/* API在此存储所有API */const API = {/*用户相关*/' log in ':/Device Center/auth/we chtloin '，' bindUser ':/Device Center/User/userbindonenid '，' gen QR code ':/Device Center/User/getusercode '，/*设备相关*/' get Device list ':/minipro/group/getdl '，//获取设备列表' getdevicedadd ':/minipro/group/Add...user}复制代码requtil . jsconst global setting = require(' global setting . js ')。const base URL = global setting . server const util = require(' util . js ')const ignore URLs =['/auth/we chatlogin '，'/user/userBindingOpenId '，'/user/getSecret '，'/user/getOpenId']var token = ' '函数post(url，args) { args = _prev(url，' post '，args)wx . request(args)}函数get(url，args) { args = _prev(url，' get '，args方法= methodparams。成功=成功(参数。成功)参数。失败=失败(参数。fail)set token(params)return params }/是否需要添加header.token方法函数setToken(params) {if(！ignore URLs . some(URL = & gt；params . URL . match(new RegExp(URL))){ if(！params . header)Params . header = { token:getToken()} else Params . header . token = getToken()} else {//console . log(' ignore:'，Params。URL)} }/处理接口参数方法函数parse params(args){ var params = object。赋值(args) if(！(params . URL . starts with(' https://')| | params . URL . starts with(' http://'))params . URL = base URL+params . URL if(params . param){ if(params . URL . index of('？'))& gt-1 & amp；& ampparams.url.indexOf('？')) != params . URL . length -1){ params . URL+= ' & amp；'} else if(params.url.indexOf('？'))= = params . URL . length -1){//Nothing } else { params . URL+= '？'} var buf = ' ' for(params . param中的var name){ let val = params . param[name]；buf+= name+' = '+encodeURI(type of val = = ' object '？JSON . stringify(val):val)+' & amp；} params。URL+= buf } Return params }//接口返回成功的方法函数Success(callback){ Return Function(RS)。{ var status = RS . status code if(status = = 405){ util . error msg('请求失败405: \ N服务器返回失败')} else if(status = = 404){ util . error msg('请求失败404: \ N接口')} if(回调)callback (rs.data)} Function fail(回调){ Return Function(RS){ console . log(RS)if(回调)callback(RS)} }//Get token Function _ set token(tk){ token = tkwx。setstoragesync ('token '，token)}如何从'复制代码页并调用导入api。全局app.js中的/utils/APIs . js；App({ api: api，})复制代码索引页constapp = getapp()getdevlist(e){ this . getchatrecord()。然后(RES = > { wx . hide loading({ success:(RES)= & gt；{}, });if(RES . id = = ' -1 '){ utils . error msg(RES . message)；} else { console . log(RES)} }//设备列表请求接口getchatrecord(params = { }){ return new promise((resolve，reject)= > { app . API . get device list({ success:RES = & gt；{ Resolve(RES)} } }，我会在复制代码的后期做一个demo放到github上，这样你看起来会更直观。

这几篇文章你可能也喜欢：

• 全网介绍一个小程序接口请求封装的例子(小程序网络请求封装)

本文由主机参考刊发，转载请注明：全网介绍一个小程序接口请求封装的例子(小程序请求接口api) https://zhujicankao.com/121139.html