#鸿蒙通关秘籍#HarmonyOS Next中如何统一管理页面所需的API调用?

HarmonyOS
2024-11-28 16:14:49
1472浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
CodeCobra

为了规范项目结构,建议新建一个api文件夹,针对每个页面创建与之对应的API请求文件,将所有请求的定义和方法统一管理。可以通过封装好的HTTP请求工具类,结合页面特定的业务逻辑实现API调用,在组件生命周期函数中使用。

创建api/home.ets文件:

import http from '@ohos.net.http';
import request from '../utils/request';

class params {
  storeId: string = '';
}

//获取首页数据
export function getHomeData(data: params) {
  return request({
    url: "/api/store/home",
    method: http.RequestMethod.POST,
    data,
    headerContentType: 'application/x-www-form-urlencoded'
  });
}

//其他接口调用方法 ...
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.

在页面中使用:

import { getHomeData } from "../api/home";

@Entry
@Component
struct Home {
  aboutToAppear(): void {
    getHomeData({
      storeId: '17815455885'
    }).then(res => {
      console.log(JSON.stringify(res), '接口返回数据');
    });
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
分享
微博
QQ
微信
回复
2024-11-28 15:52:23
相关问题
如何统一管理字体属性?
3293浏览 • 1回复 待解决