前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WeChat小程序封装数据请求

WeChat小程序封装数据请求

作者头像
江咏之
发布2022-06-16 08:54:56
7030
发布2022-06-16 08:54:56
举报
文章被收录于专栏:技术社区
  • 封装数据请求
    • 环境地址的统一
代码语言:javascript
复制
//env.js
module.exports={
  //开发环境
  dev:{
    baseUrl:'http://127.0.0.1:8080'
  },
  //生产环境
  prod:{
    baseUrl:'https://api.it120.cc'
  },
  //测试环境
  test:{
    baseUrl:'https://api.1909A.com'
  }
}
  • 业务数据请求方法的统一
    • 商品列表接口
    • 详情接口
    • 加入收藏
    • 搜索接口
    • 。。。
代码语言:javascript
复制
//api.js
const { request }=require('./request.js');

//项目中用到的各种业务接口的封装

module.exports={

  //商品分类接口
  goodsCate:()=> {

    return request('shop/goods/category/all','GET','',true)

  },
  //banner图接口
  getBanner:()=>{},
  //商品详情接口
  getDetail:(id)=>{

    return request('shop/goods/detail','GET',{id:id},true)
  },
  //其他接口....

}
  • ajax的封装(ajax:axios,wx.request,xmlHttpRequest,fetch)
代码语言:javascript
复制
//request.js 针对wx.requeste的二次封装
const { baseUrl } = require('./env.js').prod
//封装ajax

const vipUrl = 'hjl'

module.exports = {

  request: function (url, method = "GET", data = {}, isSubDomain = true) {

    let fullUrl = `${baseUrl}/${isSubDomain ? vipUrl : ''}/${url}`;

    wx.showLoading({
      title: '玩命加载中',
    })


    return new Promise((resolve, reject) => {

      wx.request({
        url: fullUrl,
        method,
        data,
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        success(res) {
          // console.log('res::',res)
          if (res.statusCode === 200 && res.data.code === 0) {
            resolve(res.data.data)

            wx.hideLoading()
          } else {
            wx.showToast({
              title: '接口有问题,请检查',
            })
            reject('接口有问题,请检查')
          }
        },
        fail(error) {
          wx.showToast({
            title: '数据接口有问题',
          })
          reject('数据接口有问题')

        }
      })


    })


  }



}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档