微信小程序如何在app.js中引用统一接口文件
时间: 2024-04-12 22:26:49 浏览: 154
微信小程序 引用其他js文件实现代码
要在小程序的 app.js 文件中引用统一的接口文件,可以按照以下步骤进行操作:
1. 在你的小程序项目中,创建一个文件夹,用来存放接口文件。可以命名为 "api" 或者其他有意义的名称。
2. 在 "api" 文件夹下创建一个新的 JS 文件,用于存放你的接口代码。例如,可以命名为 "api.js"。
3. 在 "api.js" 文件中,定义你的接口函数。例如:
```javascript
// api.js
function getUserInfo() {
// 发起请求获取用户信息的代码
}
function getProducts() {
// 发起请求获取商品列表的代码
}
// 导出接口函数
module.exports = {
getUserInfo,
getProducts
};
```
4. 在 app.js 文件中使用 `require` 函数引入 "api.js" 文件,并将接口函数挂载到 App 对象中。例如:
```javascript
// app.js
const api = require('./api/api.js');
App({
globalData: {
// 全局数据
},
api: api, // 将接口函数挂载到 App 对象中
onLaunch: function () {
// 小程序初始化逻辑
}
});
```
5. 现在,你可以在小程序的其他页面或组件中通过 `getApp().api` 来调用接口函数了。例如:
```javascript
// page.js
Page({
onLoad: function () {
const api = getApp().api;
api.getUserInfo(); // 调用 getUserInfo 接口函数
api.getProducts(); // 调用 getProducts 接口函数
},
});
```
注意,上述代码中的相对路径 "./api/api.js" 可能需要根据你的项目结构进行调整。
这样就可以在 app.js 中引用统一的接口文件,并在其他页面或组件中通过 `getApp().api` 来调用接口函数了。
阅读全文