软件世家 > 信息

微信小程序之巧妙的封装

2023-09-20 17:12

-->

巧妙的封装

暴露一个访问地址xapp.config.js

module.exports = {

    api_host: `https://m.genealogy-computer-tips.com/yizu`

}

继续引入，加暴露api.config.js

const xapp = require('./xapp.config.js');

// 注册接口

module.exports = {

    GetAddr: `${xapp.api_host}/GetAddr/index`

    ...

}

继续暴露，加request处理 method.js

const api = require('./api.config.js');

const request = require('../common/request.js');

module.exports = {

    GetAddr: (data) => request(api.GetAddr, data, 'POST')

    ...

}

使用方法

const Api = require("../../config/method.js");

const app = getApp();

Page({

  data: {

    addrs: [],

  },

  onLoad: function () {

    var self = this;

    var longitude = app.globalData.userlon;

    var latitude = app.globalData.userlat;

    // 获取店铺信息

    Api.GetAddr({

        lon: longitude,

        lat: latitude

    }).then(res => {

        let addrs = res.getAddr;

        console.log(JSON.stringify(addrs));

        let mindistance = addrs.reduce((prev, current) => (prev.distance < current.distance) ? prev : current)

        self.setData({

            addrs: mindistance

        });

    })

  }

  ...

})