鸿蒙系统开发【网络管理】

最新推荐文章于 2024-10-09 13:38:26 发布
最新推荐文章于 2024-10-09 13:38:26 发布
阅读量894 收藏 9
点赞数 12
分类专栏： 鸿蒙 文章标签： harmonyos php 华为 鸿蒙开发 鸿蒙 网络管理 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76813281/article/details/140851151
版权

网络管理

介绍

此Demo展示如何查询网络详情、域名解析、网络状态监听等功能。

效果预览：

1

使用说明：

1.启动应用，在点击检查网络、网络详情、网络连接信息后，展示对应的信息；

2.在域名解析的模块下，输入对应的域名后，点击域名解析，展示解析的域名ip地址；

3.在网络监听模块下，开启网络监听后，展示当前监听的网络信息；关闭网络监听后，停止监听网络信息。

具体实现

使用@ohos.net.connection（网络连接管理）接口实现网络的详情、域名解析、网络监听等功能。代码：Index.ets

/*
 *
 *  * Copyright (c) 2023 Huawei Device Co., Ltd.
 *  * Licensed under the Apache License, Version 2.0 (the 'License');
 *  * you may not use this file except in compliance with the License.
 *  * You may obtain a copy of the License at
 *  *
 *  *     http://www.apache.org/licenses/LICENSE-2.0
 *  *
 *  * Unless required by applicable law or agreed to in writing, software
 *  * distributed under the License is distributed on an 'AS IS' BASIS,
 *  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  * See the License for the specific language governing permissions and
 *  * limitations under the License.
 *
 */

import { connection } from '@kit.NetworkKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { CommonConstant as Const } from '../common/Constant';
import { promptAction } from '@kit.ArkUI';
import { Logger } from '../utils/Logger';

@Entry
@Component
struct Index {
  @State networkId: string = Const.NETWORK_ID;
  @State netMessage: string = Const.INIT_NET_MESSAGE;
  @State connectionMessage: string = Const.INIT_CONNECTION_MESSAGE;
  @State netStateMessage: string = '';
  @State hostName: string = '';
  @State ip: string = '';
  private controller: TabsController = new TabsController();
  private netHandle: connection.NetHandle | null = null;
  private netCon: connection.NetConnection | null = null;
  scroller: Scroller = new Scroller();

  aboutToDisappear(): void {
    this.unUseNetworkRegister;
  }

  build() {
    Column() {
      Text($r('app.string.network_title'))
        .fontSize($r('app.float.title_font_size'))
        .fontWeight(FontWeight.Bold)
        .textAlign(TextAlign.Start)
        .margin({ left: Const.WebConstant_TEN_PERCENT })
        .width(Const.WebConstant_FULL_WIDTH)

      Tabs({ controller: this.controller }) {
        TabContent() {
          Column() {
            Scroll() {
              Column() {
                Row() {
                  Column() {
                    Text($r('app.string.check_network'))
                      .fontSize($r('app.float.font_size'))
                      .padding({ top: $r('app.float.md_padding_margin'), left: $r('app.float.md_padding_margin') })
                      .fontWeight(FontWeight.Bold)
                      .align(Alignment.Start)
                      .width(Const.WebConstant_FULL_WIDTH)
                    Text(this.networkId)
                      .fontSize($r('app.float.font_size'))
                      .padding($r('app.float.md_padding_margin'))
                      .align(Alignment.Start)
                      .opacity($r('app.float.opacity'))
                      .width(Const.WebConstant_FULL_WIDTH)
                  }
                  .width(Const.WebConstant_SEVENTY_PERCENT)

                  Column() {
                    Button($r('app.string.check'))
                      .fontSize($r('app.float.sm_font_size'))
                      .height(Const.WebConstant_BUTTON_HEIGHT)
                      .margin({ top: $r('app.float.md_padding_margin') })
                      .width(Const.WebConstant_BUTTON_SMALL_WIDTH)
                      .buttonStyle(ButtonStyleMode.NORMAL)
                      .onClick(() => {
                        this.isNetworkAccess();
                      })
                  }
                  .align(Alignment.TopStart)
                  .height(Const.WebConstant_FULL_HEIGHT)
                  .width(Const.WebConstant_THIRTY_PERCENT)
                }
                .borderRadius($r('app.float.md_border_radius'))
                .margin({ left: $r('app.float.md_padding_margin'), right: $r('app.float.md_padding_margin') })
                .width(Const.WebConstant_NINETY_PERCENT)
                .height(Const.WebConstant_TWELVE_PERCENT)
                .backgroundColor($r('app.color.text_background'))

                Row() {
                  Column() {
                    Text($r('app.string.network_detail'))
                      .fontSize($r('app.float.font_size'))
                      .padding({ top: $r('app.float.md_padding_margin'), left: $r('app.float.md_padding_margin') })
                      .fontWeight(FontWeight.Bold)
                      .height(Const.WebConstant_FORTY_PERCENT)
                      .width(Const.WebConstant_FULL_WIDTH)
                    Text(this.netMessage)
                      .fontSize($r('app.float.font_size'))
                      .padding($r('app.float.md_padding_margin'))
                      .opacity($r('app.float.opacity'))
                      .height(Const.WebConstant_SIXTY_PERCENT)
                      .width(Const.WebConstant_FULL_WIDTH)
                  }
                  .width(Const.WebConstant_SEVENTY_PERCENT)
                  .align(Alignment.TopStart)

                  Column() {
                    Button($r('app.string.detail'))
                      .fontSize($r('app.float.sm_font_size'))
                      .height(Const.WebConstant_BUTTON_HEIGHT)
                      .margin({ top: $r('app.float.md_padding_margin') })
                      .width(Const.WebConstant_BUTTON_SMALL_WIDTH)
                      .buttonStyle(ButtonStyleMode.NORMAL)
                      .onClick(() => {
                        this.getNetworkMessage();
                      })
                  }
                  .align(Alignment.TopStart)
                  .height(Const.WebConstant_FULL_HEIGHT)
                  .width(Const.WebConstant_THIRTY_PERCENT)
                }
                .borderRadius($r('app.float.md_border_radius'))
                .margin($r('app.float.md_padding_margin'))
                .width(Const.WebConstant_NINETY_PERCENT)
                .height(Const.WebConstant_FIFTEEN_PERCENT)
                .backgroundColor($r('app.color.text_background'))

                Row() {
                  Column() {
                    Text($r('app.string.network_connection_detail'))
                      .fontSize($r('app.float.font_size'))
                      .padding($r('app.float.md_padding_margin'))
                      .fontWeight(FontWeight.Bold)
                      .width(Const.WebConstant_FULL_WIDTH)
                      .align(Alignment.Start)
                    Text(this.connectionMessage)
                      .fontSize($r('app.float.font_size'))
                      .opacity($r('app.float.opacity'))
                      .width(Const.WebConstant_NINETY_PERCENT)
                      .align(Alignment.Start)
                  }
                  .width(Const.WebConstant_SEVENTY_PERCENT)
                  .justifyContent(FlexAlign.Start)

                  Column() {
                    Button($r('app.string.detail'))
                      .fontSize($r('app.float.sm_font_size'))
                      .height(Const.WebConstant_BUTTON_HEIGHT)
                      .margin({ top: $r('app.float.md_padding_margin') })
                      .width(Const.WebConstant_BUTTON_SMALL_WIDTH)
                      .buttonStyle(ButtonStyleMode.NORMAL)
                      .onClick(() => {
                        this.getConnectionProperties();
                      })
                  }
                  .width(Const.WebConstant_THIRTY_PERCENT)
                }
                .alignItems(VerticalAlign.Top)
                .borderRadius($r('app.float.md_border_radius'))
                .margin({
                  left: $r('app.float.md_padding_margin'),
                  right: $r('app.float.md_padding_margin'),
                  bottom: $r('app.float.xl_padding_margin')
                })
                .width(Const.WebConstant_NINETY_PERCENT)
                .backgroundColor($r('app.color.text_background'))

              }
              .alignItems(HorizontalAlign.Start)
            }
          }
          .height(Const.WebConstant_FULL_HEIGHT)
          .alignItems(HorizontalAlign.Start)
        }.tabBar(Const.FIRST_TABS_BAR)

        TabContent() {
          Column() {
            Search({ placeholder: Const.SEARCH_PLACEHOLDER })
              .margin({ left: $r('app.float.md_padding_margin'), right: $r('app.float.md_padding_margin') })
              .width(Const.WebConstant_NINETY_PERCENT)
              .searchButton(Const.SEARCH_BUTTON)
              .onSubmit((value: string) => {
                this.hostName = value;
                this.parseHostName(this.hostName);
              })

            TextArea({ text: this.ip })
              .fontSize($r('app.float.lg_font_size'))
              .width(Const.WebConstant_NINETY_PERCENT)
              .height(Const.WebConstant_FIFTY_PERCENT)
              .margin({ top: $r('app.float.md_padding_margin') })
              .borderRadius($r('app.float.md_border_radius'))
              .focusOnTouch(false)
          }
          .height(Const.WebConstant_FULL_HEIGHT)
          .justifyContent(FlexAlign.Start)

        }.tabBar(Const.SECOND_TABS_BAR)

        TabContent() {
          Column() {
            Row() {
              Text(Const.MONITOR_TITLE)
                .fontSize($r('app.float.font_size'))
                .margin($r('app.float.md_padding_margin'))
                .fontWeight(FontWeight.Medium)
              Blank()
              Toggle({ type: ToggleType.Switch, isOn: false })
                .selectedColor(Color.Blue)
                .margin({ right: $r('app.float.md_padding_margin') })
                .width($r('app.float.area_width'))
                .height(Const.WebConstant_BUTTON_HEIGHT)
                .onChange((isOn) => {
                  if (isOn) {
                    this.useNetworkRegister();
                  } else {
                    this.unUseNetworkRegister();
                  }
                })
            }
            .height($r('app.float.button_height'))
            .borderRadius($r('app.float.md_border_radius'))
            .margin({ left: $r('app.float.md_padding_margin'), right: $r('app.float.md_padding_margin') })
            .width(Const.WebConstant_NINETY_PERCENT)
            .backgroundColor($r('app.color.text_background'))

            TextArea({ text: this.netStateMessage })
              .fontSize($r('app.float.font_size'))
              .width(Const.WebConstant_NINETY_PERCENT)
              .height(Const.WebConstant_FIVE_HUNDRED)
              .margin($r('app.float.md_padding_margin'))
              .borderRadius($r('app.float.md_border_radius'))
              .textAlign(TextAlign.Start)
              .focusOnTouch(false)

            Button($r('app.string.clear'))
              .fontSize($r('app.float.font_size'))
              .width(Const.WebConstant_NINETY_PERCENT)
              .height($r('app.float.area_height'))
              .margin({
              left: $r('app.float.md_padding_margin'),
              right: $r('app.float.md_padding_margin'),
              bottom: $r('app.float.xxl_padding_margin')
            })
              .onClick(() => {
                this.netStateMessage = '';
              })
            Blank()
          }
          .height(Const.WebConstant_FULL_HEIGHT)
          .justifyContent(FlexAlign.Start)

        }.tabBar(Const.THIRD_TABS_BAR_THREE)
      }
      .barWidth(Const.WebConstant_EIGHTY_PERCENT)
    }
    .width(Const.WebConstant_FULL_WIDTH)
  }

  isNetworkAccess() {
    connection.hasDefaultNet((error: BusinessError) => {
      if (error) {
        this.networkId = Const.NETWORK_ERROR;
        Logger.error('hasDefaultNet error:' + error.message);
        return;
      }
      this.netHandle = connection.getDefaultNetSync();
      this.networkId = Const.NETWORK_ID + JSON.stringify(this.netHandle);
    })
  }

  getNetworkMessage() {
    if (this.netHandle) {
      connection.getNetCapabilities(this.netHandle, (error, netCap) => {
        if (error) {
          this.netMessage = Const.NETWORK_TYPE_ERROR;
          Logger.error('getNetCapabilities error:' + error.message);
          return;
        }
        let netType = netCap.bearerTypes;
        for (let i = 0; i < netType.length; i++) {
          if (netType[i] === 0) {
            this.netMessage = Const.CELLULAR_NETWORK;
          } else if (netType[i] === 1) {
            this.netMessage = Const.WIFI_NETWORK;
          } else {
            this.netMessage = Const.OTHER_NETWORK;
          }
        }
        this.netMessage += 'networkCap:' + JSON.stringify(netCap.networkCap) + '\n';
      })
    }
  }

  getConnectionProperties() {
    connection.getDefaultNet().then((netHandle: connection.NetHandle) => {
      connection.getConnectionProperties(netHandle, (error: BusinessError, connectionProperties: connection.ConnectionProperties) => {
        if (error) {
          this.connectionMessage = Const.CONNECTION_PROPERTIES_ERROR;
          Logger.error('getConnectionProperties error:' + error.code + error.message);
          return;
        }
        this.connectionMessage = Const.CONNECTION_PROPERTIES_INTERFACE_NAME + connectionProperties.interfaceName
          + Const.CONNECTION_PROPERTIES_DOMAINS + connectionProperties.domains
          + Const.CONNECTION_PROPERTIES_LINK_ADDRESSES + JSON.stringify(connectionProperties.linkAddresses)
          + Const.CONNECTION_PROPERTIES_ROUTES + JSON.stringify(connectionProperties.routes)
          + Const.CONNECTION_PROPERTIES_LINK_ADDRESSES + JSON.stringify(connectionProperties.dnses)
          + Const.CONNECTION_PROPERTIES_MTU + connectionProperties.mtu + '\n';
      })
    });
  }

  parseHostName(hostName: string) {
    this.ip = '';
    connection.getAddressesByName(hostName).then((data) => {
      for (let i = 0; i < data.length; i++) {
        this.ip += data[i].address + '\n';
      }
    })
      .catch((error: BusinessError) => {
        this.ip = Const.GET_ADDRESSES_ERROR;
        Logger.error('getAddressesByName error:' + error.message);
      })
  }

  useNetworkRegister() {
    this.netCon = connection.createNetConnection();
    this.netStateMessage += Const.REGISTER_NETWORK_LISTENER;
    this.netCon.register((error) => {
      if (error) {
        Logger.error('register error:' + error.message);
        return;
      }
      promptAction.showToast({
        message: Const.REGISTER_NETWORK_LISTENER_MESSAGE,
        duration: 1000
      });
    })
    this.netCon.on('netAvailable', (netHandle) => {
      this.netStateMessage += Const.NET_AVAILABLE + netHandle.netId + '\n';
    })
    this.netCon.on('netBlockStatusChange', (data) => {
      this.netStateMessage += Const.NET_BLOCK_STATUS_CHANGE + data.netHandle.netId + '\n';
    })
    this.netCon.on('netCapabilitiesChange', (data) => {
      this.netStateMessage += Const.NET_CAPABILITIES_CHANGE_ID + data.netHandle.netId
        + Const.NET_CAPABILITIES_CHANGE_CAP + JSON.stringify(data.netCap) + '\n';
    })
    this.netCon.on('netConnectionPropertiesChange', (data) => {
      this.netStateMessage += Const.NET_CONNECTION_PROPERTIES_CHANGE_ID + data.netHandle.netId
        + Const.NET_CONNECTION_PROPERTIES_CHANGE_CONNECTION_PROPERTIES + JSON.stringify(data.connectionProperties) + '\n';
    })
  }

  unUseNetworkRegister() {
    if (this.netCon) {
      this.netCon.unregister((error: BusinessError) => {
        if (error) {
          Logger.error('unregister error:' + error.message);
          return;
        }
        promptAction.showToast({
          message: Const.UNREGISTER_NETWORK_LISTENER_MESSAGE,
          duration: 1000
        });
        this.netStateMessage += Const.UNREGISTER_NETWORK_LISTENER;
      })
    } else {
      this.netStateMessage += Const.UNREGISTER_NETWORK_LISTENER_FAIL;
    }
  }
}

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：
1

除此之外，根据这个学习鸿蒙全栈学习路线，也附带一整套完整的学习【文档+视频】，内容包含如下：

内容包含了：（ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！

鸿蒙【北向应用开发+南向系统层开发】文档

鸿蒙【基础+实战项目】视频

鸿蒙面经

在这里插入图片描述

为了避免大家在学习过程中产生更多的时间成本，对比我把以上内容全部放在了↓↓↓想要的可以自拿喔！谢谢大家观看！

爱桥代码的程序媛
关注
专栏目录
鸿蒙网络状态监听【坚果派】
坚果的博客
09-10 9361
应用开发中会有监听网络状态的情形，比如刷短视频的时候，如果设备网络由 WiFi 切换为移动网络，这时候应该给用户友好提示比如注意流量消耗等。针对这种场景，ArkUI开放框架在模块里添加了对网络状态监听的支持，同时还在模块里添加了方法直接获取当前的网络状态。
鸿蒙os开发教程+白皮书
11-06
鸿蒙OS，全称为HarmonyOS，是由华为公司自主研发的操作系统，旨在打造一个跨设备、全场景的智慧生活体验。本教程将围绕“鸿蒙OS开发教程”与“鸿蒙生态应用开发白皮书V1.0”这两个核心文档，深入讲解鸿蒙OS的开发...
HarmonyOS实战开发-事件订阅
2401_82546228的博客
04-09 796
本示例通过observer接口订阅网络状态、信号状态、通话状态、蜂窝数据、sim状态等事件，并获取状态变化返回的结果。
基于connection的网络连接管理能力
hongxiaomeng的博客
06-21 269
HarmonyOS开发实战系列：网络状态监测应用规范
m0_70749039的博客
07-04 1231
在网络切换过程中，伴随着网络状态的变化，比如网卡名称、IP地址、上传下载能力等等，鸿蒙提供了网络状态变化的监测api，可以随时根据需要捕获状态的改变。
HarmonyOS鸿蒙学习笔记（23）监听Wifi状态变化
菜鸟博客
01-25 989
HarmonyOS 监听Wifi状态
【HarmonyOS NEXT】监听网络状态变化，以及网络类型映射的API接口各是什么
Mayism123的博客
04-16 716
ohos.net.connection (网络连接管理)模块 / on('netCapabilitiesChange') / 网络类型映射 / getNetCapabilities / @ohos.telephony.radio (网络搜索)模块。网络状态的映射方式，期望将当前网络状态映射成（未知/无连接/WIfi/5G/4G/3G/2G/Gprs）这样的枚举。监听/取消监听网络状态变化的接口（比如 wifi ->5G，5G->4G）设备从有网络到无网络状态会触发netLost事件。
基于HarmonyOS 4开发的一款刷题的鸿蒙APP源代码
05-04
在本项目中，我们主要关注的是基于HarmonyOS 4构建的一款刷题应用程序的源代码。...同时，它也是一个很好的学习案例，可以帮助开发者快速上手HarmonyOS应用的开发，提高编程技能，适应鸿蒙生态的开发环境。
HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试
10-13
这个初级认证主要涉及HarmonyOS的基础架构、组件使用、页面跳转、权限管理、应用结构以及开发工具的使用。 1. 页面跳转分为页面内跳转和页面间跳转。页面内跳转发生在同一个Ability内部，可以通过Router或...
huawei鸿蒙系统开发文档
10-22
【鸿蒙系统开发文档】是华为推出的一款面向全场景的分布式操作系统——HarmonyOS的核心技术资料，旨在为开发者提供全面的、深入的开发指南。HarmonyOS作为一个创新的物联网操作系统，其目标是打破传统硬件之间的壁垒...
基于鸿蒙框架开发系统的生鲜app.zip
01-20
鸿蒙操作系统（HarmonyOS）是华为公司推出的一款面向全场景的分布式操作系统，旨在提供跨设备、无缝协同的用户体验。它采用了微内核设计，支持多种硬件平台，包括手机、电视、智能手表、车载设备等。在本项目中，...
仿微信，使用鸿蒙ArkUI + ArkTS（API9）开发实现
maniuT的博客
03-23 1473
这里不得不吐槽一下鸿蒙，原来是想直接用自带的手势密码，但自带的问题有点多，两个密码的连接线途径的密码，会强制选择，因而，无法实现 02/20/06/60/… 这样的的密码顺序微信语音输入组件。
【HarmonyOS】应用通知广播的使用
我的小窝
06-04 1089
应用开发中通知广播的使用讲解
鸿蒙 - arkTs：状态管理
Erek的前端博客；
12-22 743
【代码】鸿蒙 - arkTs：装饰器。
鸿蒙OS投票机制
最新发布
AP11090250的博客
10-09 343
可以看到foundation进程有4个投票事件，会在相应的时机，代码中调用system::SetParam eter方法进行投票。如果有需要投票的地方没有投，会导致开机动画不会退出，开机动画退出会检测bootevent.boot.completed事件。
鸿蒙next开发者第一课02.DevEcoStudio的使用-习题
10-03 662
鸿蒙next开发第一课第02小节习题
HarmonyOs 查看官方文档使用弹窗
制定持续可量化的目标，不断坚持。
09-29 1234
HarmonyOS跟上网上的视频学习一段时间后，基本也就入门了，但是有一些操作网上没有找到合适教学的视频，这时，大家就需要养成参考官方文档的习惯了，因为官方的开发文档是我们学习深度任何一门语言或框架的途径，官网的开发文档写的足够全面，可以在其中学到一些网上视频所没有的内容。官网文档ArkUI链接：ArkUI简介-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者 (huawei.com)
鸿蒙 arkts json数据解析
代码小疯子
10-05 630
在鸿蒙（HarmonyOS）开发中，ArkTS（ArkUI TypeScript）是用于构建鸿蒙应用的UI框架。ArkTS 允许开发者使用 TypeScript 语言来编写 UI 逻辑，并且提供了丰富的组件和API来支持开发。对于JSON数据的解析，鸿蒙系统提供了多种方法，但直接在ArkTS中处理JSON数据通常涉及到JavaScript（或TypeScript）的标准做法，因为ArkTS是建立在ECMAScript 2015+ 之上的。
鸿蒙系统开发实战：Harmony-SplashDemo项目实践
资源摘要信息:"华为鸿蒙系统开发实践指南" 华为鸿蒙系统（HarmonyOS），是由华为开发的操作系统。旨在实现多设备、多屏幕、多场景下的跨终端无缝协同体验。作为一款全新的分布式操作系统，鸿蒙系统不仅应用于智能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值