鸿蒙 HarmonyOs 网络请求 快速入门

官方文档:

ArkUI简介-ArkUI(方舟UI框架)-应用框架 | 华为开发者联盟 (huawei.com)

一、通过原有的http组件进行网络请求(方式一)

1.1 HttpRequestOptions的操作

|-----------------|------------------|---------------------------|
| 名称 | 类型 | 描述 |
| method | RequestMethod | 请求方式:GET、POST、PUT、DELETE等 |
| extraData | string | Object | 请求参数 |
| header | Object | 请求头字段 |
| connectTiimeout | number | 连接超时时间,单位毫秒 |
| readTimeout | number | 读取超时时间,同上 |

1.2 HttpResponse类的属性

|--------------|------------------|-------------------|
| 名称 | 类型 | 描述 |
| responseCode | ResponseCode | 响应状态码 |
| header | Object | 响应头 |
| cookies | string | 响应返回的cookies |
| result | string | object | 响应体,默认为JSON格式的字符串 |

二、通过axios网络请求的方式(方式二)

2.1 安装搭建axios环境

打开Ohpm/bin的目录

打开cmd窗口

(1)输入命令

复制代码
init.bat

(2)配置环境变量目录为ohpm的目录

然后再Path中添加 %OHPM_HOME%\bin

(3)输入查看版本的命令,判断是否朋配置环境变量成功

复制代码
ohpm -v

(4)对于要使用axios的项目,进入项目的根目录执行安装axios的命令

复制代码
ohpm install @ohos/axios

2.2 axios请求的响应对象的属性

|---------|--------|-----------|
| 名称 | 类型 | 描述 |
| status | number | 响应状态码 |
| headers | Object | 响应头 |
| data | any | 服务端返回的响应体 |

三、项目实操(以axios网络请求为例)

检查访问网络权限(如果没有就需要添加以下代码在main目录下的module.json5文件中)

(1)在main目录下的module.json5文件中添加访问网络权限:

复制代码
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ],

(2)在终端中下载axios

复制代码
ohpm install @ohos/axios

(3)编写代码

复制代码
import axios, { AxiosError, AxiosResponse } from '@ohos/axios'

@Entry
@Component
struct Index {
  
  build(){
    Column(){
      Button('请求')
        .onClick(()=>{
          axios.get('http://localhost:8080/student/getList')
            .then((res:AxiosResponse)=>{
              console.log('',res.status)
              console.log(JSON.stringify(res.data))
              console.log(JSON.stringify(res.data.code))
              console.log(JSON.stringify(res.data.msg))
              console.log(JSON.stringify(res.data.data))
            }).catch((error:AxiosError)=>{
            console.log('获取失败')
          })
        })
    }
  }
}
相关推荐
coder_pig9 小时前
跟🤡杰哥一起学Flutter (三十四、玩转Flutter手势✋)
前端·flutter·harmonyos
simple丶9 小时前
【HarmonyOS】鸿蒙蓝牙连接与通信技术
harmonyos·arkts·arkui
二二孚日11 小时前
自用华为ICT云赛道Big Data第五章知识点-Flume海量日志聚合
大数据·华为
前端世界11 小时前
HarmonyOS开发实战:鸿蒙分布式生态构建与多设备协同发布全流程详解
分布式·华为·harmonyos
Jalor12 小时前
Flutter + 鸿蒙 | Flutter 跳转鸿蒙原生界面
flutter·harmonyos
二二孚日13 小时前
自用华为ICT云赛道Big Data第四章知识点-Flink流批一体分布式实时处理引擎
大数据·华为
zhanshuo13 小时前
开发者必看!如何在HarmonyOS中快速调用摄像头功能
harmonyos
HMSCore13 小时前
借助HarmonyOS SDK,《NBA巅峰对决》实现“分钟级启动”到“秒级进场”
harmonyos
zhanshuo13 小时前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
HarmonyOS小助手13 小时前
闯入鸿蒙:浪漫、理想与「草台班子」
harmonyos·鸿蒙·harmonyos next·鸿蒙生态