室内设计相关网站,网站建设补充协议范本,新网站推广,姜堰住房和城乡建设厅网站首页HarmonyOS 平台中使用网络请求#xff0c;需要引入 ohos.net.http, 并且需要在 module.json5 文件中申请网络权限, 即 “ohos.permission.INTERNET”
本篇文章将尝试使用 ohos.net.http 来实现网络请求
场景设定
WeiBo UniDemo HuaWei : 请求顺序WeiBo1 UniDem… HarmonyOS 平台中使用网络请求需要引入 ohos.net.http, 并且需要在 module.json5 文件中申请网络权限, 即 “ohos.permission.INTERNET”
本篇文章将尝试使用 ohos.net.http 来实现网络请求
场景设定
WeiBo UniDemo HuaWei : 请求顺序WeiBo1 UniDemo2 HuaWei3 : 异步/同步请求时序号表示请求回来的顺序“开始网络请求-异步” : 开始异步请求“开始网络请求-同步” : 开始同步请求“开始网络请求-自定义方法装饰器” : 采用自定义方法装饰器进行传参进而完成网络请求 官方网络请求案例
注意:
每次请求都必须新创建一个HTTP请求实例即只要发起请求必须调用createHttp方法
更多鸿蒙开发应用知识已更新qr23.cn/AKFP8k参考前往。 关于 ohos.net.http 有三个request方法 request(url: string, callback: AsyncCallback): void; 1.1 如下“官方指南代码缩减版”使用到了这个方法 request(url: string, options: HttpRequestOptions, callback: AsyncCallback): void; 2.1 如下“官方指南代码” 使用了这个方法 request(url: string, options?: HttpRequestOptions): Promise; 3.1 将在后续实践代码中使用到
// 引入包名
import http from ohos.net.http;// 每一个httpRequest对应一个HTTP请求任务不可复用
let httpRequest http.createHttp();
// 用于订阅HTTP响应头此接口会比request请求先返回。可以根据业务需要订阅此消息
// 从API 8开始使用on(headersReceive, Callback)替代on(headerReceive, AsyncCallback)。 8
httpRequest.on(headersReceive, (header) {console.info(header: JSON.stringify(header));
});
httpRequest.request(// 填写HTTP请求的URL地址可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定EXAMPLE_URL,{method: http.RequestMethod.POST, // 可选默认为http.RequestMethod.GET// 开发者根据自身业务需要添加header字段header: {Content-Type: application/json},// 当使用POST请求时此字段用于传递内容extraData: {data: data to send,},expectDataType: http.HttpDataType.STRING, // 可选指定返回数据的类型usingCache: true, // 可选默认为truepriority: 1, // 可选默认为1connectTimeout: 60000, // 可选默认为60000msreadTimeout: 60000, // 可选默认为60000msusingProtocol: http.HttpProtocol.HTTP1_1, // 可选协议类型默认值由系统自动指定}, (err, data) {if (!err) {// data.result为HTTP响应内容可根据业务需要进行解析console.info(Result: JSON.stringify(data.result));console.info(code: JSON.stringify(data.responseCode));// data.header为HTTP响应头可根据业务需要进行解析console.info(header: JSON.stringify(data.header));console.info(cookies: JSON.stringify(data.cookies)); // 8} else {console.info(error: JSON.stringify(err));// 取消订阅HTTP响应头事件httpRequest.off(headersReceive);// 当该请求使用完毕时调用destroy方法主动销毁httpRequest.destroy();}}
);// 引入包名
import http from ohos.net.http;// 每一个httpRequest对应一个HTTP请求任务不可复用
let httpRequest http.createHttp();httpRequest.request(// 填写HTTP请求的URL地址可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定EXAMPLE_URL,(err, data) {if (!err) {// data.result为HTTP响应内容可根据业务需要进行解析console.info(Result: JSON.stringify(data.result));console.info(code: JSON.stringify(data.responseCode));// data.header为HTTP响应头可根据业务需要进行解析console.info(header: JSON.stringify(data.header));console.info(cookies: JSON.stringify(data.cookies)); // 8} else {console.info(error: JSON.stringify(err));// 取消订阅HTTP响应头事件httpRequest.off(headersReceive);// 当该请求使用完毕时调用destroy方法主动销毁httpRequest.destroy();}}
);场景布局 基础页面组件代码
考虑到实际的场景会用到网络请求加载因此这里将发挥 [BuilderParam] 装饰器作用先定义基础页面
组件中定义了 Prop netLoad:boolean 变量来控制是否展示加载动画
Component
export struct BasePage {Prop netLoad: boolean//指向一个组件 BuilderParam aB0: () {}build(){Stack(){//为组件占位this.aB0()if (this.netLoad) {LoadingProgress().width(px2vp(150)).height(px2vp(150)).color(Color.Blue)}}.hitTestBehavior(HitTestMode.None)}}
主页面布局代码
import { BasePage } from ./BasePageEntry
Component
struct NetIndex {State netLoad: number 0State msg: string build() {Stack(){BasePage({netLoad: this.netLoad ! 0}) {Column( {space: 20} ){Row({space: 20}){Text(WeiBo).fontColor(Color.Black)Text(UniDemo).fontColor(Color.Black)Text(HuaWei).fontColor(Color.Black)}Row({space: 20}){Text(WeiBo this.weiboIndex)Text(UniDemo this.uniIndex)Text(HuaWei this.huaweiIndex)}Button(开始网络请求 - 异步).fontSize(20).onClick( () {...})Button(开始网络请求 - 同步).fontSize(20).onClick( () {...})Button(开始网络请求-自定义方法装饰器).fontSize(20).onClick( () {...})Scroll() {Text(this.msg).width(100%)}.scrollable(ScrollDirection.Vertical)}.width(100%).height(100%).padding({top: px2vp(120)})}}}}
简单装封装网络请求
函数传参直接调用封装方法
WeiBo为数据结构体暂时不用关心后续会贴出完整代码这里仅仅是演示网络请求用法
//引用封装好的HNet网络工具类
import HNet from ./util/HNetState msg: string getWeiBoData(){HNet.getWeiBo({url: https://m.weibo.cn/api/feed/trendtop?containerid102803_ctg1_4188_-_ctg1_4188,
}).then( (r) {this.msg if(r.code 0 r.result){r.result.data.statuses.forEach((value: WeiBoItem) {this.msg this.msg.concat(value.created_at value.id \n)})} else {this.msg r.code r.msg}console.log(顺序-weibo- (new Date().getTime() - starTime))this.netLoad--}) }
自定义方法装饰器完成传参调用
网络请求样例
NetController.getWeiBoWeiBo().then( r {......
})
按照业务定义传参
import { Get, NetResponse } from ./util/HNetexport default class BizNetController {Get(https://m.weibo.cn/api/feed/trendtop?containerid102803_ctg1_4188_-_ctg1_4188)static getWeiBoWeiBo(): PromiseNetResponseWeiBo{ return }}
封装的网络请求代码
import http from ohos.net.http;//自定义网络请求参数对象
class NetParams{url: stringextraData?: JSON
}//自定义数据公共结构体
export class NetResponseT {result: Tcode: numbermsg: string
}//网络封装工具类
class HNet {//POST 请求方法 static postT(options: NetParams): PromiseNetResponseT{return this.request(options, http.RequestMethod.POST)}//GET 请求方法 static getT(options: NetParams): PromiseNetResponseT{return this.request(options, http.RequestMethod.GET)}private static requestT(options: NetParams, method: http.RequestMethod): PromiseNetResponseT{let r http.createHttp()return r.request(options.url, {method: method,extraData: options.extraData ! null ? JSON.stringify(options.extraData) : null}).then( (response: http.HttpResponse) {let netResponse new NetResponseT()let dataType typeof response.resultif(dataType string){console.log(结果为字符串类型)}if(response.responseCode 200){netResponse.code 0netResponse.msg successnetResponse.result JSON.parse(response.result as string)} else {//出错netResponse.code -1netResponse.msg error}return netResponse}).catch( reject {console.log(结果发生错误)let netResponse new NetResponseT()netResponse.code reject.codenetResponse.msg reject.messagereturn netResponse}).finally( () {//网络请求完成后需要进行销毁r.destroy()})}}export default HNet //用于装饰器传参
export function Get(targetUrl: string) : MethodDecorator {return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) {//替换方法descriptor.value () {let options new NetParams()options.url targetUrlreturn HNet.get(options)}}}
完整代码
代码结构
net/BasePage.ets
net/NetRequest.ets
net/util/HNet.ts
net/viewmodel/WeiBoModel.ts
net/BizNetController.ets
详细代码
Component
export struct BasePage {Prop netLoad: booleanBuilderParam aB0: () {}build(){Stack(){this.aB0()if (this.netLoad) {LoadingProgress().width(px2vp(150)).height(px2vp(150)).color(Color.Blue)}}.hitTestBehavior(HitTestMode.None)}}
import HNet from ./util/HNet
import NetController from ./BizNetController
import { WeiBo, WeiBoItem } from ./viewmodel/WeiBoModel
import { BasePage } from ./BasePageEntry
Component
struct NetIndex {State netLoad: number 0State msg: string State weiboColor: Color Color.BlackState uniColor: Color Color.BlackState huaweiColor: Color Color.BlackState weiboIndex: number 1State uniIndex: number 2State huaweiIndex: number 3private TEST_Target_URL: string[] [https://m.weibo.cn/api/feed/trendtop?containerid102803_ctg1_4188_-_ctg1_4188,https://unidemo.dcloud.net.cn/api/news,https://developer.huawei.com/config/cn/head.json,]build() {Stack(){BasePage({netLoad: this.netLoad ! 0}) {Column( {space: 20} ){Row({space: 20}){Text(WeiBo).fontColor(Color.Black)Text(UniDemo).fontColor(Color.Black)Text(HuaWei).fontColor(Color.Black)}Row({space: 20}){Text(WeiBo this.weiboIndex).fontColor(this.weiboColor)Text(UniDemo this.uniIndex).fontColor(this.uniColor)Text(HuaWei this.huaweiIndex).fontColor(this.huaweiColor)}Button(开始网络请求 - 异步).fontSize(20).onClick( () {this.weiboColor Color.Blackthis.uniColor Color.Blackthis.huaweiColor Color.Blackthis.weiboIndex 1this.uniIndex 2this.huaweiIndex 3this.asyncGetData()})Button(开始网络请求 - 同步).fontSize(20).onClick( () {this.weiboColor Color.Blackthis.uniColor Color.Blackthis.huaweiColor Color.Blackthis.weiboIndex 1this.uniIndex 2this.huaweiIndex 3this.syncGetData()})Button(开始网络请求-自定义方法装饰器).fontSize(20).onClick( () {this.getWeiBoListByController()})Scroll() {Text(this.msg).width(100%)}.scrollable(ScrollDirection.Vertical)}.width(100%).height(100%).padding({top: px2vp(120)})}}}asyncGetData(){this.netLoad 3;this.TEST_Target_URL.forEach( (value) {HNet.get({url: value,}).then( (r) {this.msg JSON.stringify(r)if(value.indexOf(weibo) ! -1){this.weiboColor Color.Greenthis.weiboIndex 3 - this.netLoad 1} else if(value.indexOf(unidemo) ! -1){this.uniColor Color.Greenthis.uniIndex 3 - this.netLoad 1} else if(value.indexOf(huawei) ! -1){this.huaweiColor Color.Greenthis.huaweiIndex 3 - this.netLoad 1}this.netLoad--})})}async syncGetData() {let starTimelet urlthis.netLoad 3;starTime new Date().getTime()url this.TEST_Target_URL[0]starTime new Date().getTime()if(url.indexOf(weibo) ! -1){console.log(顺序-请求-weibo)} else if(url.indexOf(unidemo) ! -1){console.log(顺序-请求-unidemo)} else if(url.indexOf(huawei) ! -1){console.log(顺序-请求-huawei)}await HNet.getWeiBo({url: url,}).then( (r) {this.msg if(r.code 0 r.result){r.result.data.statuses.forEach((value: WeiBoItem) {this.msg this.msg.concat(value.created_at value.id \n)})} else {this.msg r.code r.msg}if(url.indexOf(weibo) ! -1){this.weiboColor Color.Greenthis.weiboIndex 3 - this.netLoad 1console.log(顺序-返回-weibo- (new Date().getTime() - starTime))} else if(url.indexOf(unidemo) ! -1){this.uniColor Color.Greenthis.uniIndex 3 - this.netLoad 1console.log(顺序-返回-unidemo- (new Date().getTime() - starTime))} else if(url.indexOf(huawei) ! -1){this.huaweiColor Color.Greenthis.huaweiIndex 3 - this.netLoad 1console.log(顺序-返回-huawei- (new Date().getTime() - starTime))}this.netLoad--})starTime new Date().getTime()url this.TEST_Target_URL[1]starTime new Date().getTime()if(url.indexOf(weibo) ! -1){console.log(顺序-请求-weibo)} else if(url.indexOf(unidemo) ! -1){console.log(顺序-请求-unidemo)} else if(url.indexOf(huawei) ! -1){console.log(顺序-请求-huawei)}await HNet.get({url: url,}).then( (r) {this.msg JSON.stringify(r)if(url.indexOf(weibo) ! -1){this.weiboColor Color.Greenthis.weiboIndex 3 - this.netLoad 1console.log(顺序-返回-weibo- (new Date().getTime() - starTime))} else if(url.indexOf(unidemo) ! -1){this.uniColor Color.Greenthis.uniIndex 3 - this.netLoad 1console.log(顺序-返回-unidemo- (new Date().getTime() - starTime))} else if(url.indexOf(huawei) ! -1){this.huaweiColor Color.Greenthis.huaweiIndex 3 - this.netLoad 1console.log(顺序-返回-huawei- (new Date().getTime() - starTime))}this.netLoad--})starTime new Date().getTime()url this.TEST_Target_URL[2]starTime new Date().getTime()if(url.indexOf(weibo) ! -1){console.log(顺序-请求-weibo)} else if(url.indexOf(unidemo) ! -1){console.log(顺序-请求-unidemo)} else if(url.indexOf(huawei) ! -1){console.log(顺序-请求-huawei)}await HNet.get({url: url,}).then( (r) {this.msg JSON.stringify(r)if(url.indexOf(weibo) ! -1){this.weiboColor Color.Greenthis.weiboIndex 3 - this.netLoad 1console.log(顺序-返回-weibo- (new Date().getTime() - starTime))} else if(url.indexOf(unidemo) ! -1){this.uniColor Color.Greenthis.uniIndex 3 - this.netLoad 1console.log(顺序-返回-unidemo- (new Date().getTime() - starTime))} else if(url.indexOf(huawei) ! -1){this.huaweiColor Color.Greenthis.huaweiIndex 3 - this.netLoad 1console.log(顺序-返回-huawei- (new Date().getTime() - starTime))}this.netLoad--})}getHuaWeiSomeDataByNet(){this.netLoad 1let starTime new Date().getTime()console.log(顺序-huawei-请求 starTime)HNet.get({url: https://developer.huawei.com/config/cn/head.json,}).then( (r) {this.msg JSON.stringify(r, null, \t)this.netLoad--console.log(顺序-huawei- (new Date().getTime() - starTime))})}getWeiBoListByHNet(){this.netLoad 1let starTime new Date().getTime()console.log(顺序-weibo-请求 starTime)HNet.getWeiBo({url: https://m.weibo.cn/api/feed/trendtop?containerid102803_ctg1_4188_-_ctg1_4188,}).then( (r) {this.msg if(r.code 0 r.result){r.result.data.statuses.forEach((value: WeiBoItem) {this.msg this.msg.concat(value.created_at value.id \n)})} else {this.msg r.code r.msg}console.log(顺序-weibo- (new Date().getTime() - starTime))this.netLoad--})}getWeiBoListByController(){this.netLoad 1NetController.getWeiBoWeiBo().then( r {this.msg if(r.code 0 r.result){r.result.data.statuses.forEach((value: WeiBoItem) {this.msg this.msg.concat(value.created_at value.id \n value.source \n)})} else {this.msg r.code r.msg}this.netLoad--})}} import { Get, NetResponse } from ./util/HNetexport default class BizNetController {Get(https://m.weibo.cn/api/feed/trendtop?containerid102803_ctg1_4188_-_ctg1_4188)static getWeiBoWeiBo(): PromiseNetResponseWeiBo{ return }} import http from ohos.net.http;class NetParams{url: stringextraData?: JSON
}export class NetResponseT {result: Tcode: numbermsg: string
}class HNet {static postT(options: NetParams): PromiseNetResponseT{return this.request(options, http.RequestMethod.POST)}static getT(options: NetParams): PromiseNetResponseT{return this.request(options, http.RequestMethod.GET)}private static requestT(options: NetParams, method: http.RequestMethod): PromiseNetResponseT{let r http.createHttp()return r.request(options.url, {method: method,extraData: options.extraData ! null ? JSON.stringify(options.extraData) : null}).then( (response: http.HttpResponse) {let netResponse new NetResponseT()let dataType typeof response.resultif(dataType string){console.log(结果为字符串类型)}if(response.responseCode 200){netResponse.code 0netResponse.msg successnetResponse.result JSON.parse(response.result as string)} else {//出错netResponse.code -1netResponse.msg error}return netResponse}).catch( reject {console.log(结果发生错误)let netResponse new NetResponseT()netResponse.code reject.codenetResponse.msg reject.messagereturn netResponse}).finally( () {r.destroy()})}}export default HNetexport function Get(targetUrl: string) : MethodDecorator {return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) {//替换方法descriptor.value () {let options new NetParams()options.url targetUrlreturn HNet.get(options)}}}export class WeiBo{ok: numberhttp_code: numberdata: WeiBoDataObj
}export class WeiBoDataObj{total_number: numberinterval: numberremind_text: stringpage: numberstatuses: ArrayWeiBoItem
}export class WeiBoItem{created_at: stringid: stringsource: stringtextLength: number
} 最后呢很多开发朋友不知道需要学习那些鸿蒙技术鸿蒙开发岗位需要掌握那些核心技术点为此鸿蒙的开发学习必须要系统性的进行。
而网上有关鸿蒙的开发资料非常的少假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料少走很多弯路节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙Harmony NEXT技术知识点
如果你是一名Android、Java、前端等等开发人员想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。 高清完整版请点击→《鸿蒙NEXT星河版开发学习文档》
针对鸿蒙成长路线打造的鸿蒙学习文档。话不多说我们直接看详细资料鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频帮助大家在技术的道路上更进一步。
《鸿蒙 (OpenHarmony)开发学习视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
获取这份鸿蒙星河版学习资料请点击→《鸿蒙NEXT星河版开发学习文档》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》 ArkTS语言 安装DevEco Studio 运用你的第一个ArkTS应用 ArkUI声明式UI开发 .…… 《鸿蒙开发进阶》 Stage模型入门 网络管理 数据管理 电话服务 分布式应用开发 通知与窗口管理 多媒体技术 安全技能 任务管理 WebGL 国际化开发 应用测试 DFX面向未来设计 鸿蒙系统移植和裁剪定制 …… 《鸿蒙开发实战》 ArkTS实践 UIAbility应用 网络案例 …… 获取这份鸿蒙星河版学习资料请点击→《鸿蒙NEXT星河版开发学习文档》
总结
鸿蒙—作为国家主力推送的国产操作系统。部分的高校已经取消了安卓课程从而开设鸿蒙课程企业纷纷跟进启动了鸿蒙研发。
并且鸿蒙是完全具备无与伦比的机遇和潜力的预计到年底将有 5,000 款的应用完成原生鸿蒙开发未来将会支持 50 万款的应用。那么这么多的应用需要开发也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长学习鸿蒙势在必行
