【鸿蒙实战开发教程】HarmonyOS next开发网络哀求封装（Api11Release） ...

前言

   根据研究机构Counterpoint Research发布的最新数据，2024年第一季度，鸿蒙OS份额由客岁一季度的8%上涨至17%，iOS份额则从20%下降至16%。 这意味着，华为鸿蒙OS在中国市场的份额超越苹果iOS，已成中国第二大操作系统。

  随着鸿蒙市场份额的不停提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说各人近来有想法转型鸿蒙开发吗？

本文主要讲一下鸿蒙开发中网络哀求封装
鸿蒙相干版本信息：

HarmonyOS NEXT，Developer Preview2，Api Version 11 Release
电脑系统：macM1 编译器：DevEco Studio NEXT Developer Preview2，4.1.7.300
（API9对应的mac版本的模仿器无法识别的题目在此版本编译器已经修复）
模仿器也是一样的Preview2版本（需要申请）
近来开始基于鸿蒙NEXT版本也就是俗话说的纯血鸿蒙举行开发，本来是不打算写这个文章因为用API9写的时候其时是封装了一套网络哀求的，但是～API 11改了一些地方： any 被禁止使用了（这是影响最大的地方其他的改变也造成了一些影响但是我就不外多形貌了），然后就导致报错严重！！

下面就开始进入主题：
起首在module.json5中配置基础网络权限

1. "requestPermissions": [
2.     {
3.       "name": "ohos.permission.INTERNET",
4.     }
5. ]

复制代码

定义base常量

我这里base地址使用的wan安卓的api

封装泛型工具类

留意data，不能像之前那样

1. data: T = null

复制代码

会报错，而且必须都有初始值
封装request

1. async function requestSync<T>(path: string, method: http.RequestMethod, extraData?: Object): Promise<Response<T>> {
2.   return new Promise<Response<T>>((resolve, reject) => {
3.     let url = NetConstants.BASE_URL + path;
4.     let header: HeaderInterFace = {
5.       ApiVersion: '272',
6.       'Content-Type': 'application/json',
7.       platform: '',
8.       'encryption-mode': 'base64',
9.       auth: NetConstants.AUTH,
10.       channel: 'JYB',
11.       timeout : NetConstants.TIMEOUT
12.     }
13.     if (method === http.RequestMethod.POST) {
14.       header = {
15.         ApiVersion: '272',
16.         'Content-Type': 'application/x-www-form-urlencoded',
17.         platform: '',
18.         'encryption-mode': 'base64',
19.         auth: NetConstants.AUTH,
20.         channel: 'JYB',
21.         timeout : NetConstants.TIMEOUT
22.       }
23.     }
24.     let httpRequest = http.createHttp();
25.     hilog.info(0, NetConstants.NET_TAG, `start request, path: ${path}, method: ${method}, extraData: ` + JSON.stringify(extraData));
26.     httpRequest.request(
27.       url,
28.       {
29.         method: method,
30.         expectDataType: http.HttpDataType.OBJECT,
31.         header: header,
32.         extraData: extraData
33.       },
34.       (err, data) => {
35.         let res = new Response<T>()
36.         if (!err && data.responseCode === 200) {
37.           //Object.assign("", "");对象合并
38.           if (typeof data.result === 'string') {
39.             res.data = JSON.parse(data.result)
40.           } else {
41.             // Object.assign(res, data.result);
42.             res.data = data.result as T
43.           }
44.           hilog.info(0, NetConstants.NET_TAG, `request success, path: ${path}, result: ${JSON.stringify(res)}`)
45.         } else {
46.           hilog.error(0, NetConstants.NET_TAG, `request error, path: ${path}, error: ${JSON.stringify(err)}`)
47.           res.errorCode = data?.responseCode??-1
48.           res.errorMsg = err?.message??""
49.         }
50.         resolve(res);
51.       }
52.     )
53.   })
54. }
56. //封装接口
57. export default class Api {
58.   private static instance: Api;
60.   private constructor() {
61.   }
63.   static net(): Api {
64.     if (Api.instance === undefined) {
65.       Api.instance = new Api();
66.     }
67.     return Api.instance;
68.   }
70.   async login(username: string, password: string): Promise<Response<UserData>> {
71.     return requestSync("/user/login", http.RequestMethod.POST, `username=${username}&password=${password}`);
72.   }
74.   async logout(): Promise<Response<string>> {
75.     return requestSync("/user/logout/json", http.RequestMethod.GET);
76.   }
78.   async getUserInfo(): Promise<Response<UserData>> {
79.     return requestSync("/lg/coin/userinfo/json", http.RequestMethod.GET);
80.   }
82. }
84. interface HeaderInterFace {
85.   'ApiVersion': string,
86.   'Content-Type': string,
87.   'platform': string,
88.   'encryption-mode': string,
89.   'auth': string,
90.   'channel': string,
91.   'timeout': number
92. }

复制代码

我这里没有编写处理惩罚token和加密加密相干的，这两个实在也不复杂，各人可以本身添加。
我这里只写了三个接口，但是实在相称于只有一个post哀求一个get哀求，假如需要delete、put哀求本身添加。
试一下：
一个简单的登岸页：

1. @Entry
2. @Component
3. export struct Login {
5.   @State showLoading: boolean = false;
6.   @State title: string = "登录";
7.   private account: string = "";
8.   private password: string = "";
10.   async login(){
11.     if (!this.account) {
12.       toast("请输入用户名");
13.       return;
14.     }
15.     if (!this.password) {
16.       toast("请输入密码");
17.       return;
18.     }
19.     this.showLoading = true;
20.     let res = await Api.net().login(this.account, this.password);
21.     this.showLoading = false;
22.     if (res.isSuccessWithData()) {
23.       toast("登录成功");
24.     } else {
25.       toast(res.errorMsg);
26.     }
27.   }
29.   build() {
31.     Stack(){
32.       Column() {
33.         TextInput({
34.           placeholder: "请输入用户名"
35.         })
36.           .fontSize(15)
37.           .fontColor($r("app.color.text_h1"))
38.           .type(InputType.Email)
39.           .onChange((value) => {
40.             this.account = value
41.           })
42.         TextInput({
43.           placeholder: "请输入密码"
44.         })
45.           .margin({ top: 16 })
46.           .fontSize(15)
47.           .fontColor($r("app.color.text_h1"))
48.           .type(InputType.Password)
49.           .onChange((value) => {
50.             this.password = value
51.           })
52.         Button("登录", {
53.           type: ButtonType.Capsule
54.         })
55.           .width('100%')
56.           .margin({ top: 50 })
57.           .fontSize(15)
58.           .fontColor($r("app.color.white"))
59.           .backgroundColor($r("app.color.color_shubihong"))
60.           .onClick((e) => {
61.             this.login();
62.           })
63.       }
64.       .width('100%')
65.       .margin({ top: 120 })
66.       .padding({ left: 16, right: 16 })
67.     }
68.     .width('100%')
69.     .height('100%')
71.   }
73. }

复制代码

重点是这句：

哀求效果：

总结
以上网路哀求的封装更多的是本身的使用风俗，也清楚有许多需要改进的空间，假如有大佬能更进一步固然更好。
写在最后

有许多小伙伴不知道该从哪里开始学习鸿蒙开发技能？也不知道鸿蒙开发的知识点重点把握的又有哪些？自学时频仍踩坑，导致浪费大量时间。效果照旧一孔之见。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。
这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必把握的核心知识要点，内容包含了
最新鸿蒙全栈开发学习线路

鸿蒙HarmonyOS开发讲授视频

大厂面试真题

鸿蒙OpenHarmony源码剖析

这份资料能帮住各位小伙伴理清本身的学习思路，更加速捷有效的把握鸿蒙开发的各种知识。有需要的小伙伴自行领取，，先到先得~无套路领取！！

获取这份完备版高清学习路线，请点击→鸿蒙全栈开发学习资料


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。