asp sqlite网站空间,做资料网站违法,wordpress视频列表插件,网上写作文的网站随着HarmonyOS NEXT 的发布#xff0c;越来越多的开发者开始关注如何在这个新平台上高效地进行应用开发。其中网络通信模块的封装尤为关键。纵观HarmonyOS的众多三方网络库及封装#xff0c;竟没有一个简单好用的。虽然有个axios的鸿蒙版#xff0c;但有点儿重了也不是很好用… 随着HarmonyOS NEXT 的发布越来越多的开发者开始关注如何在这个新平台上高效地进行应用开发。其中网络通信模块的封装尤为关键。纵观HarmonyOS的众多三方网络库及封装竟没有一个简单好用的。虽然有个axios的鸿蒙版但有点儿重了也不是很好用。本篇博文将介绍如何将uniapp中的luch-request网络库移植到HarmonyOS中从而实现更简单、高效的HTTP网络通信。 为什么选择luch-request
在HarmonyOS中原始的ohos.net.http接口虽然功能强大但在实际使用中却存在一些复杂性和局限性。这使得开发者在进行网络请求时需要写更多的代码而且处理错误、配置请求等操作也较为繁琐。而uniapp中的luch-request使用起来特别的简单好用且比axios更简单和轻量级功能一点也不弱。
相较而言luch-request网络库的优点
简洁易用提供了易于理解的API接口开发者可以通过简单的调用来实现复杂的网络请求。Promise支持内置了Promise支持方便与异步编程结合提升代码的可读性和维护性。请求拦截器和响应拦截器可以方便地添加请求和响应的拦截器用于统一处理请求头、参数和错误处理。自动化的JSON数据解析返回的数据会自动解析成JSON格式省去了手动解析的步骤。支持多种请求方式GET、POST、PUT、DELETE等多种请求方式都能轻松实现。
luch-request网络库地址GitHub - lei-mu/luch-request: luch-request 是一个基于Promise 开发的uni-app跨平台、项目级别的请求库它有更小的体积易用的api方便简单的自定义能力。
官网介绍
luch-request
移植步骤
下面我们将详细介绍如何将unIapp平台下的luch-request网络库移植到HarmonyOS中。
步骤一准备环境
首先你需要在HarmonyOS项目中引入luch-request库。我已经移植好了发布在了Openharmony的三方库中。
移植后的gitee地址yyz116/h_request
发布到三库库的地址OpenHarmony三方库中心仓
注当前该三方库1.0.1版本正在审核中。可以从gitee项目中下载源码体验内涵单元测试及demo。
可以这样引入使用
ohpm install yyz116/h_requestimport Request, { HttpRequestConfig, HttpResponse } from yyz116/h_request
步骤二封装请求模块
在你的HarmonyOS项目中创建一个新的网络请求模块例如request.js并在其中引入luch-request库。你需要对库进行小幅修改以确保其与HarmonyOS环境兼容。
import Request, { HttpRequestConfig, HttpResponse } from yyz116/h_requestconst httpRequest new Request();httpRequest.setConfig((config) {// Set base configconfig.baseURL https://your.api.url; // 替换为你的API地址return config;
});httpRequest.interceptors.request.use((config) {// 可以在这里添加请求拦截器return config;
}, (error) {return Promise.reject(error);
});httpRequest.interceptors.response.use((response) {// 可以在这里添加响应拦截器return response.data;
}, (error) {return Promise.reject(error);
});export default httpRequest;步骤三使用网络请求模块
在你的应用中你可以通过引入request.js来进行网络请求。
import httpRequest from ./request;// 示例 GET 请求
httpRequest.get(/endpoint).then(data {console.log(获取数据成功:, data);}).catch(error {console.error(请求失败:, error);});// 示例 POST 请求
httpRequest.post(/endpoint, { key: value }).then(data {console.log(数据提交成功:, data);}).catch(error {console.error(请求失败:, error);});使用举例
// 发送post请求
http.post(api/v1/soonmovie, {start:0,count:1}).then((res:HttpResponseResult) {hilog.debug(0x0000,request,res.data.message)hilog.debug(0x0000,request,res.data.code:%{public}d,res.data.code)}).catch((err:HttpResponseError) {hilog.debug(0x0000,request,err.data.code:%d,err.data.code)hilog.debug(0x0000,request,err.data.message)});// 发送get请求带参数
http.get(api/v1/musicsearchlrc, {params:{id:543656129,kind:wy}}).then((res:HttpResponseResult) {hilog.debug(0x0000,request,res.data.message)hilog.debug(0x0000,request,res.data.code:%{public}d,res.data.code)}).catch((err:HttpResponseError) {hilog.debug(0x0000,request,err.data.code:%d,err.data.code)hilog.debug(0x0000,request,err.data.message)});})
可以看到接口使用变得如此简单。 且可以增加拦截器建议把拦截器封装到单独的一个模块文件里以下示例仅为示例utils/request.js export const setRequestConfig () {http.setConfig((config:HttpRequestConfig) {config.baseURL http://175.178.126.10:8000/;return config;});// 请求拦截http.interceptors.request.use((config) {hilog.debug(0x0000,request,请求拦截)return config},(error) {return Promise.reject(error)})// 响应拦截http.interceptors.response.use((response:HttpResponse) {hilog.debug(0x0000,request,响应拦截)if (response.data.code 401) {// 提示重新登录console.log(请登录)setTimeout(() {console.log(请请登录)}, 1000);}return response},(error) {return Promise.reject(error)})}
接口使用变得清晰明了如下api封装模块user.js
import { setRequestConfig } from /utils/request.js;// 调用setRequestConfig函数进行请求配置
setRequestConfig();
const http uni.$u.http
// 发起登录请求
export const requestLogin (data) http.post(/wx-api/login, data);
//请求验证码 /wx-api/validcode get 参数:{phone:xxx}
export const requestVerificationCode (params {}) http.get(/wx-api/validcode, params)
//发起注册请求 /wx-api/register post
/*
参数{code: xxx,phone: xxx,verifyCode: xxx,nickname: xxx,avatarUrl: xxx,gender:0}
*/
export const requestRegister (data)http.post(/wx-api/register,data)
//获取个人中心信息 /wx-api/me/info get
export const requestUserInfo () http.get(/wx-api/me/info)
//修改个人昵称 /wx-api/update/nickname post 参数newNickname
export const requestNickname (data)http.post(/wx-api/update/nickname,data)
完整示例
import Request, { HttpRequestConfig, HttpResponse } from yyz116/h_request
import { hilog } from kit.PerformanceAnalysisKit;interface Movie{id:string;cover:string;title:string;gener:string;rate:number;
}
interface Result{code:number;message:string;data:ArrayMovie;count:number;start:number;total:number;title:string;}
interface Error{code:number;message:string;data:ArrayMovie;count:number;start:number;total:number;title:string;
}Entry
Component
struct Index {State message: string Hello World;build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)Button(test1).width(300).margin({ top: 20 }).onClick(() {// 需要执行的操作const http new Request();http.setConfig((config:HttpRequestConfig) {config.baseURL http://175.178.126.10:8000/;return config;});// 请求拦截http.interceptors.request.use((config) {hilog.debug(0x0000,request,请求拦截)return config},(error) {return Promise.reject(error)})// 响应拦截http.interceptors.response.use((response:HttpResponse) {hilog.debug(0x0000,request,响应拦截)if (response.data.code 401) {// 提示重新登录console.log(请登录)setTimeout(() {console.log(请请登录)}, 1000);}return response},(error) {return Promise.reject(error)})http.post(api/v1/soonmovie, {start:0,count:1}).then((res:HttpResponseResult) {hilog.debug(0x0000,request,res.data.message)hilog.debug(0x0000,request,res.data.code:%{public}d,res.data.code)}).catch((err:HttpResponseError) {hilog.debug(0x0000,request,err.data.code:%d,err.data.code)hilog.debug(0x0000,request,err.data.message)});http.get(api/v1/musicsearchlrc, {params:{id:543656129,kind:wy}}).then((res:HttpResponseResult) {hilog.debug(0x0000,request,res.data.message)hilog.debug(0x0000,request,res.data.code:%{public}d,res.data.code)}).catch((err:HttpResponseError) {hilog.debug(0x0000,request,err.data.code:%d,err.data.code)hilog.debug(0x0000,request,err.data.message)});})}.width(100%)}.height(100%)}
}
总结
通过将luch-request网络库移植到HarmonyOS我们大大简化了网络请求的过程。开发者可以享受到更加清晰、简洁的API同时也提升了开发效率。如果你正在开发HarmonyOS应用不妨尝试一下这个网络通信模块封装让你的开发过程更加顺畅。希望本文对你有所帮助欢迎交流与分享经验
写在最后
最后推荐下笔者的业余开源app影视项目“爱影家”推荐分享给与我一样喜欢观影的朋友。
开源地址:爱影家app开源项目介绍及源码
https://gitee.com/yyz116/imovie
其他资源
luch-request
yyz116/h_request
OpenAtom OpenHarmony
