微信小程序开发-工具篇 “apifm-wxapi”

821 阅读1分钟

参考链接:blog.csdn.net/abccba9978/…

“apifm-wxapi"的github地址: github.com/gooking/api…

安装步骤

1. npm安装模块

在小程序的根目录

image.png

2. 构建npm

微信小程序开发工具-> 工具 -> 构建npm

image.png image.png

2.配置app.js

// 在头部引入
const WXAPI = require("apifm-wxapi")

// 在App()中引入
APP({
    onLaunch: function (options) {
    WXAPI.init(this.globalData.subDomain) // 将小程序连接到我的后台,global.subDomain的设置在下面

  },
    // 全局方法,用于解构数据
  handleDestruction(res) {
    const {
      data = []
    } = res; // 设默认值为 [] 以免获取数据失败时发生错误
    return data;
  },
  globalData: {
    // userInfo: null,
    subDomain: "nekohaFrey" //自己的专属域名
  }
})

1. 配置前的设置

image.png

2.在其他js中调用

1. 在需要的页面的 js 文件头部引入 “apifm-wxapi”

const WXAPI = require('apifm-wxapi')

2. 直接调用 “apifm-wxapi” 提供的方法直接取数据

WXAPI.banners().then(res => app.handleDestruction(res))
      .then((data) => {
        this.setData({
          swiperList: data,
        })
      }
    );