鸿蒙NEXT开发-网络管理（基于最新api12稳定版）

{
  "module": {
    "name": "entry",
      "type": "entry",
      "description": "$string:module_desc",
      "mainElement": "EntryAbility",
      "deviceTypes": [
      "phone",
      "tablet",
      "2in1"
    ],
      "requestPermissions":[
      {
        "name" : "ohos.permission.INTERNET",
        "reason": "$string:reason",
        "usedScene": {
          "abilities": [
            "FormAbility"
          ],
          "when":"inuse"
        }
      }
    ],

参考文档

文档中心

2. 网络管理-HTTP请求

2.1 概述

HTTP数据请求功能主要由http模块提供。

使用该功能需要申请ohos.permission.INTERNET权限。

2.2 接口

2.3 开发步骤

从@ohos.net.http中导入http命名空间。
调用createHttp()方法，创建一个HttpRequest对象。
调用该对象的on()方法，订阅http响应头事件，此接口会比request请求先返回。可以根据业务需要订阅此消息。
调用该对象的request()方法，传入http请求的url地址和可选参数，发起网络请求。
按照实际业务需要，解析返回结果。
调用该对象的off()方法，取消订阅http响应头事件。
当该请求使用完毕时，调用destroy()方法主动销毁。

2.4 简单代码示例

import http from '@ohos.net.http'

@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('测试http请求').onClick(()=>{
        // 创建http对象
        const httpRequest = http.createHttp()
        // 发送请求
        httpRequest.request('http://open.ibestservices.com/basic-api/platformCms/cms/door/index/info?siteId=1')
          .then(res => {
            console.log('http测试' + JSON.stringify(res.result))
          })
      })
    }.width('100%')
    .height('100%')
  }
}

注意：console.log输出数据的大小不能超过1kb，要不然打印不出来

3. 网络管理-第三方库axiso使用

3.1 概述

axios 是一个基于 JavaScript 的开源库，用于在浏览器和 Node.js 等环境中发送 HTTP 请求。它支持 Promise API，并简化了 XMLHttpRequests 和 Fetch API 的使用，为开发者提供了一种简洁易用的方式来实现 AJAX 请求。

3.2 主要特性

跨平台支持：Axios 在浏览器端通过 XMLHttpRequests 发送请求，在 Node.js 中则使用 http/https 模块发送请求。
Promise API：所有网络请求方法都返回 Promise 对象，使得异步编程更加简洁和易于处理。
拦截请求与响应：提供了全局和实例级别的请求和响应拦截器，可以在请求发送前或响应返回后进行预处理、错误处理或数据转换等操作。
取消请求：支持主动取消已发出但还未完成的 HTTP 请求。
自动转换 JSON 数据：Axios 自动将来自服务器的 JSON 数据转换为 JavaScript 对象，并自动序列化 POST、PUT 等请求体中的 JSON 数据为字符串发送。
配置灵活性：允许自定义请求头、URL 参数、超时时间等多种配置项，适用于不同场景下的 API 调用需求。
请求方法多样：支持所有标准的 HTTP 方法（GET、POST、PUT、DELETE 等），并对 PATCH 等非标准方法提供良好支持。
上传下载进度监控：支持监听文件上传和下载的进度事件

3.3 用法

@ohos/axios 是基于 axios 库进行适配的模块，使其可以运行在鸿蒙中。它沿用了 axios 库的现有用法和特性，为 HarmonyOS 项目的开发提供了便利。

3.3.1 安装axios依赖

打开编辑器里面终端，输入以下命令

ohpm install @ohos/axios

3.3.2 申请网络权限

要请求网络数据，首先需要申请权限，需要在module.json5文件中设置网络访问权限

在module.json5文件中加上(也就是在module下面加上requestPermissions)

{
  "module": {
    "name": "entry",
      "type": "entry",
      "description": "$string:module_desc",
      "mainElement": "EntryAbility",
      "deviceTypes": [
      "phone",
      "tablet",
      "2in1"
    ],
      "requestPermissions":[
      {
        "name" : "ohos.permission.INTERNET",
        "reason": "$string:reason",
        "usedScene": {
          "abilities": [
            "FormAbility"
          ],
          "when":"inuse"
        }
      }
    ],

3.3.3 直接使用

import axios, { AxiosError, AxiosResponse } from '@ohos/axios';

@Entry
  @Component
  struct Index {
    build() {
      Column() {
        Text('测试axios')
          .onClick(() => {
            axios.get('http://open.ibestservices.com/basic-api/platformCms/cms/door/index/info?siteId=1')
              .then((res: AxiosResponse) => {
                   console.log("get - 返回数据:" + JSON.stringify(res));
              })
              .catch((err: AxiosError) => {
                console.log("result:" + err.message);
              });

          })
      }.width('100%')
        .height('100%')
    }
  }

3.3.4 封装使用

注意 baseURL: 'http://****:8099/' 里面的ip和端口要切换成对应自己的接口ip和端口

import axios, { AxiosError, AxiosResponse, InternalAxiosRequestConfig } from '@ohos/axios'
import router from '@ohos.router';
import { promptAction } from '@kit.ArkUI';


/**
 * axios封装
 */
const httpRequest = axios.create({
  baseURL: 'http://****:8099/',
  headers: {
    'Content-Type': 'application/json',
    "Channel": "B2B"
  },
  method: "post",
})


/**
 * 添加请求拦截器
 */
httpRequest.interceptors.request.use((config: InternalAxiosRequestConfig) => {
  // 获取数据
  const token: string | undefined = AppStorage.get("token")
  // 获取token
  if (token) {
    config.headers.Authorization = token
  }
  return config;
}, (error: AxiosError) => {
  // 对请求错误做些什么
  return Promise.reject(error);
});


/**
 * 添加响应拦截器
 */
httpRequest.interceptors.response.use((response: AxiosResponse) => {
  console.log('响应数据' + JSON.stringify(response))
  // 判断响应状态码
  if (response.status === 200) {
    // 请求成功
    if (response.data.code === 200) {
      return Promise.resolve(response.data.data);
    } else if (response.data.code === 401) {
      clearLoginInfoAndGoLoginPage();
    }
  }
  promptAction.showToast({
    message: response.data.message || '请求错误',
    duration: 2000,
  })
  return Promise.reject(response);
}, (error: AxiosError) => {
  promptAction.showToast({
    message: '网络错误，换个网络试试',
    duration: 2000,
  })
  return Promise.reject(error);
});


/**
 * 清除用户信息并跳到登录页面
 */
async function clearLoginInfoAndGoLoginPage() {
  // 401错误  -> 清理用户信息，跳转到登录页
  // 清理token，返回登录页
  // 跳转首页路由
  router.pushUrl({
    url: 'pages/Login'
  })
}

export default httpRequest;

import httpRequest from '../request/Request'

/**
 * 用户接口
 */
class UserApi {
  /**
   * 获取验证码接口
   */
  getCode = (data: string) => {
    return httpRequest.get('/v1/user/getCode?phone=' + data)
  }
}

const userApi = new UserApi();

export default userApi as UserApi;

注意：手机号记得填写真实的

import UserApi from '../api/UserApi';

@Entry
  @Component
  struct Login {
    /**
   * 获取验证码
   */
    getCode() {
      UserApi.getCode('你的手机号');
    }

    build() {
      Column() {
        Text('获取验证码').onClick(() => {
          this.getCode()
        })
      }.width('100%')
        .height('100%')
    }
  }

4. 学习地址

全网首发鸿蒙NEXT星河版零基础入门到实战，2024年最新版，企业级开发！视频陆续更新中！_哔哩哔哩_bilibili

原文地址：https://blog.csdn.net/qq_56760790/article/details/143055570

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：2024最新版Windows平台VSCode通过Cmake开发Qt项目
下一篇：4. Node.js Path模块

mysql迁移到达梦的修改点
mysql转达梦数据库
阅读更多2024-10-19
【力扣 | SQL题 | 每日4题】力扣1596，1587，2228，2066
表中的每行数据表示一次交易的信息, 包括此次交易的账号(account_id), 交易类型(type), 交易发生时间(day), 交易发生金额(amount).Bob (customer 2) 一次
阅读更多2024-10-19
智能眼镜的隐私何在
但在2024年，这款智能眼镜卷土重来，并搭载了强大的AI功能。” 这似乎很实用，但事情开始变得诡异：眼镜还能通过一眼识别人们的身份，得知他们的姓名、职业、社会信用评分，甚至午餐吃了什么。例如，如果你在
阅读更多2024-10-19
SpringBoot项目热部署-devtools
DevTools 会使用两个类加载器（一个用于加载不变的类，一个用于加载可能会变化的类），每次重启只重新加载管理变化的类的加载器，因此会快很多。
阅读更多2024-10-19
1097 Deduplication on a Linked List——PAT甲级
【代码】1097 Deduplication on a Linked List——PAT甲级。
阅读更多2024-10-19
一款模拟键盘音效的软件
Tickeys是一款模拟键盘音效的软件，Tickeys支持六款音效：打字机、机械键盘、钢琴、剑气、打字机。如果你正在练习打字、聊天打字、写作，打字，那么你可以试试这款神奇的软件，敲击键盘的时候就会有各
阅读更多2024-10-19
Unity3D 框架如何实现道路引导 UV 动画详解
在游戏开发中，道路引导是一个常见的需求，可以用来指引玩家前进的方向。而为了增加游戏的真实感和视觉效果，我们可以使用道路引导 UV 动画来模拟道路的移动效果。本文将详细介绍 Unity3D 框架如何实现
阅读更多2024-10-19
Linux内核 -- 高性能运算操作之 this_cpu_* 接口
this_cpu_*系列接口是 Linux 内核中用于操作 per-CPU 变量的强大工具。它们提供了高效的 per-CPU 数据访问方法，适用于计数、统计等无需在多个 CPU 之间共享的数据。通过使
阅读更多2024-10-19
每日回顾：简单用C写选择排序、堆排序
直接选择排序（Selection Sort）是一种简单的排序算法。它的基本思想是每次从未排序的部分中选择最小（或最大）的元素，将其放到已排序部分的末尾。
阅读更多2024-10-19
ssh连接慢的问题或zookeeper远程连接服务超时
【代码】ssh连接慢的问题。
阅读更多2024-10-19