微信小程序－使用Promise封装微信请求

ianzhi

发布于 2019-07-31 11:51:11

1.4K0

发布于 2019-07-31 11:51:11

打算给公众号加一个微信小程序，正好将开发的过程写一个系列教程，当然，写代码比较快，写文章要跟上写代码实在有点难，所以不见得写的多细致，有相关的问题，欢迎留言。类似于下载安装开发者工具，我觉得实在没有写的意义，就直接跳过了，本系列所有代码都可以从github直接下载，微信公众号文章内不可以放外部链接，请在公众号页面回复github获取github地址。本篇主要是开发前封装一个请求工具类，方便以后开发使用。

/ 1 　Promise /

音标ˈprɑ:mɪs

关于Promise，本身就可以写一篇文章，百度可以找到很多的文章，就不再搬运了，请自行搜索。

预期封装完成以后，可以实现以下方式调用：

request.get('https://laravel-admin/', {
   params: {
       x: 1
   }
}).then(res => {
    // do something
}).catch(error => {
    // do something
})

/ 2 实现代码 /

const request = {}

/**
 * 配置项
 * @property object options
 */
request.options = {
    baseUrl: '',
    headers: {
        'content-type': 'json'
    }
}

/**
 * 简单封装微信get请求示例
 * @param string url
 * @param object options
 */
request.get = function(url, options) {
    reutn new Promise((resolve, reject) => {
        wx.request({
            url: request.options.baseUrl + url,
            dataType: 'json',
            header: Object.assign(request.options.headers, options.headers),
            success: function(res) {
                resolve(res)
            },
            fail: function() {
                reject()
            }
        })
    })
}

完整代码请查看github代码库。

文章作者ianzhi,原文地址：https://cloud.tencent.com/developer/article/1476798

文章版权归作者所有，转载请保留此声明。

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018-10-10，如有侵权请联系 cloudcommunity@tencent.com 删除

github