HarmonyOS 鸿蒙Next网络请求

HarmonyOS 鸿蒙Next网络请求

申请网络权限

使用之前需要在module.json5配置文件中申请网络权限

“requestPermissions”  : [

    {

      “name”: ‘ohos.permission.INTERNET’

    }

  ],

导入http模块

import http from ‘@ohos.net.http’;   

// @ts-nocheck

import agconnect from ‘@hw-agconnect/api-ohos’;

import http from ‘@ohos.net.http’;

import router from ‘@ohos.router’;

import common from ‘@ohos.app.ability.common’;

import call from ‘@ohos.telephony.call’;

let httpRequest = http.createHttp();

@Entry

@Component

struct LibraryDetailPage {

  private nameUrl =‘https://d3159bfbd11c41ebaed789591af92ddc.apig.cn-north-4.huaweicloudapis.com/API_Demo’

  private descriptionUrl =‘https://d3159bfbd11c41ebaed789591af92ddc.apig.cn-north-4.huaweicloudapis.com/API_Demo1’

  @State libraryName: string = ‘加载中…’;

  @State libraryDescription: string = ‘加载中…’;

  aboutToAppear() {

    this.onRequestHttpData()

    this.onRequestHttpData2()

  }

  build() {

    Column() {

      Row(){

        Text(this.libraryName)

          .fontColor(Color.White)

          .fontSize(30)

          .fontWeight(600)

        Image($r(‘app.media.phone’))

          .width(40)

          .fillColor(Color.White)

          .onClick(() => {

            call.makeCall("", (err,data) => {

            })

          })

      }

      .justifyContent(FlexAlign.Center)

      .width(‘100%’)

      .height(60)

      .margin(20)

      .backgroundColor(’#00aaaa’)

      // 图书馆照片

      Image($r(‘app.media.tushuguan’))

        .width(400)

        .height(250)

        .margin({ bottom: 20 })

      // 图书馆简介

      Text(this.libraryDescription)

        .lineHeight(22)

        .fontSize(20)

        .padding({ left: 15, right: 15 })

        .margin({ bottom: 20 });

      // 下一页跳转按钮

      Button(‘下一页’)

        .onClick(() => {

          this.navigateToNextPage();

        })

        .backgroundColor(’#00aaaa’)

        .width(300)

        .height(50)

        .onClick(() => {

          router.pushUrl({

            url:‘pages/Book’

          })

        })

    }

    .width(‘100%’)

  }

  //网络请求

  onRequestHttpData2() {

    //设置请求单配置

    let options: http.HttpRequestOptions = {

      header: {

        //设置返回的类型

        “Content-Type”: “text/plaint;charset:UTF-8”

      },

      usingCache: true, //是否缓存

      connectTimeout: 60000, //请求链接的时间

      readTimeout: 10000,

    }

    httpRequest.request(this.nameUrl, options, (err, data: http.HttpResponse) => {

      this.libraryName = data.result.toString()

      httpRequest.destroy()

    })

  }

  //网络请求

  onRequestHttpData() {

    //设置请求单配置

    let options: http.HttpRequestOptions = {

      header: {

        //设置返回的类型

        “Content-Type”: “text/plaint;charset:UTF-8”

      },

      usingCache: true, //是否缓存

      connectTimeout: 60000, //请求链接的时间

      readTimeout: 10000,

    }

    httpRequest.request(this.descriptionUrl, options, (err, data: http.HttpResponse) => {

      this.libraryDescription = data.result.toString()

      httpRequest.destroy()

    })

  }

  navigateToNextPage() {

    // 跳转到下一页逻辑

    // 例如：导航到书籍列表页

    // router.push(’/path/to/bookListPage’); // 替换为实际的路由路径

    console.log(‘Navigating to the next page…’);

  }

}