小程序request封装

1、wx.request， https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

2、Promise，Promise 对象有以下两个特点:对象的状态不受外界影响。Promise 对象代表一个异步 *** 作，有三种状态：pending: 初始状态，不是成功或失败状态。fulfilled: 意味着 *** 作成功完成。rejected: 意味着 *** 作失败。

WxRequest(),可以放在小程序启动页app.js里面。也可以重新生成一个js页面。在需要引用的页面引入，如果是放在app.js里面的，在其他页面引入为 const app = getApp()，使用时 app.WxRequest(method,url,data)如果是一个新的js页面。则按照小程序的引入规则引入。使用方法是差不多的。

第一，进入小程序全局先进行获取微信code，用code作为参数请求接口得到用户登录信息，同时判断是否为新用户。

第二，请求接口，发生登录失效（token失效）时，自动登录后，再重新请求。

第三，请求接口，当返回未登录（授权）提示时，做兼容。（比如跳到授权页，这个具体看接口的业务逻辑）

在util.js中封装一些登录、请求方法。

1.调用微信登录，获取微信code

2.通过微信code登录，获取用户信息（token，userInfo）

3.请求数据，这里只封装请求数据的参数与方法，不处理各种code

4.封装request请求方法，这里专门处理返回不同code的情况

各个页面中的接口数据请求，都是调用这个方法。

在app.js的onLaunch方法中，判断token和userInfo是否存在，存在就不是新用户，否则根据微信返回的code，去请求后端接口，查看返回的信息，是否为新用户。

在小程序项目开发中，对请求做封装是比较常见的 *** 作，我们可以在封装过的请求里，做一些统一处理，比如统一配置、请求拦截、错误异常处理、授权处理等

好了，我们直接看干货，上代码

在项目根目录下新建一个request目录，再在目录下新建一个index.js文件，文件里的内容如下

好了，wx小程序request请求封装就到这了

觉得效果不错的请帮忙加个关注点个赞，经常分享前端实用开发技巧

---