微信小程序简单的封装接口_小程序import from utils-优快云博客

本文链接：https://blog.youkuaiyun.com/YUlangML/article/details/117166678

该博客介绍了如何在微信小程序中创建一个名为`request.js`的文件，用于封装网络请求。通过`wx.request`方法实现了GET和POST请求，并提供了获取用户信息、更新用户信息、获取收货地址列表、添加意见反馈和更新地址信息等接口。同时，定义了`urls.js`文件来集中管理API接口地址。在实际使用时，可以导入并调用这些封装好的接口进行数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在utils创建 request.js页面

import urls from "../utils/urls";
const service = {
  get(url, data) {
    return new Promise((resolve, reject) => {
      const token = wx.getStorageSync("token");
      data = JSON.stringify(data);
      console.log("请求接口地址", url);
      wx.request({
        method: "get",
        url: url,
        data: data,
        header: { "content-type": "application/json", token: token },
        success: (res) => {
          // 调用接口成功
          resolve(res);
        },
        fail: (err) => {
          // 调用接口失败
          reject(err);
        },
      });
    });
  },
  post(url, data) {
    const token = wx.getStorageSync("token");
    data = JSON.stringify(data);
    console.log("请求接口地址", url);
    return new Promise((resolve, reject) => {
      wx.request({
        method: "post",
        url: url,
        data: data,
        header: { "content-type": "application/json", token: token },
        success: (res) => {
          // 调用接口成功
          resolve(res);
        },
        fail: (err) => {
          // 调用接口失败
          reject(err);
        },
      });
    });
  },
};


module.exports = {
 
  //获取用户基本信息
  getuserinfo: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.getYhjbxx, data));
    });
  },
  // 更新用户基本信息
  updateUserInfo: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.updateYhjbxx, data));
    });
  },
  //获取收货地址列表
  getShippingAddress: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.shdz, data));
    });
  },
  //意见反馈
  addFeedBack: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.yjfk, data));
    });
  },
  // 更新用户的地址信息/wx/ower/center/address 添加/编辑/删除
  updateAdressInfo: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.updateYhdzxx, data));
    });
  },
  // 删除图片公共接口
  delImg: (data) => {
    return new Promise((resolve, reject) => {
      resolve(service.post(urls.delImg, data));
    });
  },
  //
};

在utils创建 urls.js页面

const host = "http://192.168.1.14:8092";
const domain = "/wx";

const urls = {
  banner: host + domain + "/home/page/getBanner", //获取banner
  shdz: host + domain + "/ower/center/getMyInfo", //收货地址\我的套餐
  yjfk: host + domain + "/ower/center/feedBack", //意见反馈
  updateYhdzxx: host + domain + "/ower/center/address", //更新用户的地址信息
  getYhjbxx: host + domain + "/auth/userInfo", //获取用户的基本信息
  updateYhjbxx: host + domain + "/home/page/updateUser", //更新用户的基本信息
  shequxinxi: host + domain + "/home/page/sqInfo", //根据用户的信息获取社区信息
  delImg: host + domain + "/tool/deleteImg", //删除图片
};

module.exports = urls;

示例
//引入你所写的页面的js里
const apiServer = require("../../../utils/request"); //引入

//包裹在事件里
var that = this;
var data = {
  s: {
    page: 1,
    size: 100,
  },
  v: {
    type: 2,
  },
};
// var data = getShippingAddress(data)
apiServer.getShippingAddress(data).then((res) => {
  console.log("获取用户套餐", res.data.data);
  that.setData({
    list: res.data.data,
  });
});




//  ../../../utils/request
getShippingAddress: (data) => {
  return new Promise((resolve, reject) => {
    resolve(service.post(urls.shdz, data));
  });
},
 //这是指向请求地址resolve(service.post(urls.shdz, data));
 //urls.地址