HarmonyOS Next开发学习手册——管理Web组件

最新推荐文章于 2024-08-27 11:07:11 发布
最新推荐文章于 2024-08-27 11:07:11 发布
阅读量1.1k 收藏 29
点赞数 16
分类专栏： 移动开发 HarmonyOS 鸿蒙开发 文章标签： harmonyos 前端 深度学习 组件化开发 移动开发 鸿蒙开发 自定义控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maniuT/article/details/140608825
版权
移动开发 同时被 3 个专栏收录
956 篇文章 12 订阅
订阅专栏
HarmonyOS
871 篇文章 14 订阅
订阅专栏
鸿蒙开发
504 篇文章 1 订阅
订阅专栏

解决Web组件本地资源跨域问题

拦截本地资源跨域

为了提高安全性，ArkWeb内核不允许file协议或者resource协议访问URL上下文中来自跨域的请求。因此，在使用Web组件加载本地离线资源的时候，Web组件会拦截file协议和resource协议的跨域访问。当Web组件无法访问本地跨域资源时，开发者可以在devtools控制台中看到类似以下报错信息：

Access to script at 'xxx' from origin 'xxx' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, arkweb, data, chrome-extension, chrome, https, chrome-untrusted.

本地资源跨域问题解决方法

如果Web组件要成功访问这些跨域资源，开发者需要使用http或者https等协议替代原本使用的file协议或者resource协议进行加载。其中替代的url的域名为自己构造的仅供个人或者组织使用的域名，尽量不要和网络上真实存在的域名冲突。同时需要开发者使用Web组件的 onInterceptRequest 对本地资源进行拦截替换。

以下结合示例说明如何解决本地资源跨域访问失败的问题。其中index.html和js/script.js置于工程中rawfile目录下。如果使用resource协议访问index.html，js/script.js将被跨域拦截无法加载。示例中使用https://www.example.com/域名替换原本的resource协议，同时使用 onInterceptRequest 接口替换资源，使得js/script.js可以成功加载，解决了跨域拦截的问题。

// main/ets/pages/index.ets
import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  webviewController: webview.WebviewController = new webview.WebviewController();
  // 构造域名和本地文件的映射表
  schemeMap = new Map([
    ["https://www.example.com/index.html", "index.html"],
    ["https://www.example.com/js/script.js", "js/script.js"],
  ])
  // 构造本地文件和构造返回的格式mimeType
  mimeTypeMap = new Map([
    ["index.html", 'text/html'],
    ["js/script.js", "text/javascript"]
  ])

  build() {
    Row() {
      Column() {
        // 针对本地index.html,使用http或者https协议代替file协议或者resource协议，并且构造一个属于自己的域名。
        // 本例中构造www.example.com为例。
        Web({ src: "https://www.example.com/index.html", controller: this.webviewController })
          .javaScriptAccess(true)
          .fileAccess(true)
          .domStorageAccess(true)
          .geolocationAccess(true)
          .width("100%")
          .height("100%")
          .onInterceptRequest((event) => {
            if (!event) {
              return;
            }
            // 此处匹配自己想要加载的本地离线资源，进行资源拦截替换，绕过跨域
            if (this.schemeMap.has(event.request.getRequestUrl())) {
              let rawfileName: string = this.schemeMap.get(event.request.getRequestUrl())!;
              let mimeType = this.mimeTypeMap.get(rawfileName);
              if (typeof mimeType === 'string') {
                let response = new WebResourceResponse();
                // 构造响应数据，如果本地文件在rawfile下，可以通过如下方式设置
                response.setResponseData($rawfile(rawfileName));
                response.setResponseEncoding('utf-8');
                response.setResponseMimeType(mimeType);
                response.setResponseCode(200);
                response.setReasonMessage('OK');
                response.setResponseIsReady(true);
                return response;
              }
            }
            return null;
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

<!-- main/resources/rawfile/index.html -->
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<script crossorigin src="./js/script.js"></script>
</body>
</html>

// main/resources/rawfile/js/script.js
const body = document.body;
const element = document.createElement('div');
element.textContent = 'success';
body.appendChild(element);

使用智能防跟踪功能

Web组件支持智能防跟踪功能，即跟踪型网站作为三方插入别的网页时，其发送的网络请求禁止携带cookie。

  • 通过调用 enableIntelligentTrackingPrevention 接口使能或者关闭相应Web组件的智能防跟踪功能，默认情况下该功能未启用。
// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Button('enableIntelligentTrackingPrevention')
        .onClick(() => {
          try {
            this.controller.enableIntelligentTrackingPrevention(true);
            console.log("enableIntelligentTrackingPrevention: true");
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}
  • 通过调用 isIntelligentTrackingPreventionEnabled 接口判断当前Web组件是否开启了智能防跟踪功能。
// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Button('isIntelligentTrackingPreventionEnabled')
        .onClick(() => {
          try {
            let result = this.controller.isIntelligentTrackingPreventionEnabled();
            console.log("result: " + result);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}
  • 通过调用 onIntelligentTrackingPreventionResult 接口，以回调的方式异步获取拦截的跟踪型网站的域名和访问的网站域名信息。
// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      // 需要打开智能防跟踪功能，才会触发onIntelligentTrackingPreventionResult回调
      Button('enableIntelligentTrackingPrevention')
        .onClick(() => {
          try {
            this.controller.enableIntelligentTrackingPrevention(true);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code}, Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: 'www.example.com', controller: this.controller })
        .onIntelligentTrackingPreventionResult((details) => {
          console.log("onIntelligentTrackingPreventionResult: [websiteHost]= " + details.host +
            ", [trackerHost]=" + details.trackerHost);
        })
    }
  }
}

同时，智能防跟踪功能提供了一组接口，用于设置需要绕过智能防跟踪功能的域名列表。这些接口设置的域名列表是整个应用生效，而非某个Web组件。

  • 通过调用 addIntelligentTrackingPreventionBypassingList 接口设置需要绕过智能防跟踪功能的域名列表。
// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Button('removeIntelligentTrackingPreventionBypassingList')
        .onClick(() => {
          try {
            let hostList = [ "www.test1.com", "www.test2.com" ];
            webview.WebviewController.removeIntelligentTrackingPreventionBypassingList(hostList);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}
  • 通过调用 removeIntelligentTrackingPreventionBypassingList 接口移除通过 addIntelligentTrackingPreventionBypassingList 接口设置的部分域名列表。
// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Button('removeIntelligentTrackingPreventionBypassingList')
        .onClick(() => {
          try {
            let hostList = [ "www.test1.com", "www.test2.com" ];
            webview.WebviewController.removeIntelligentTrackingPreventionBypassingList(hostList);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}
  • 通过调用 clearIntelligentTrackingPreventionBypassingList 接口清除通过 addIntelligentTrackingPreventionBypassingList 接口设置的所有域名。
// xxx.ets
import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Button('clearIntelligentTrackingPreventionBypassingList')
        .onClick(() => {
          webview.WebviewController.clearIntelligentTrackingPreventionBypassingList();
        })
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}

使用Web组件的广告过滤功能

Web组件提供了网页广告过滤特性，包括最常见的url拦截与元素隐藏能力。应用可以通过AdsBlockManager提供的 setAdsBlockRules() 接口设置自定义的easylist过滤规则，并通过Web组件的 enableAdsBlock() 接口使能广告过滤特性。

开启广告过滤

在下面的示例中，演示了一个应用通过文件选择器选择easylist规则文件，并开启广告过滤功能。

// xxx.ets
import { webview } from '@kit.ArkWeb';
import { picker, fileUri } from '@kit.CoreFileKit';

// 演示点击按钮，通过filepicker打开一个easylist规则文件并设置到Web组件中
@Entry
@Component
struct WebComponent {
  main_url: string = 'https://www.example.com';
  controller: webview.WebviewController = new webview.WebviewController();

  @State input_text: string = 'https://www.example.com';

  build() {
    Column() {
      Row() {
        Flex() {
          Button({type: ButtonType.Capsule}) {
            Text("setAdsBlockRules")
          }
          .onClick(() => {
            try {
              let documentSelectionOptions: ESObject = new picker.DocumentSelectOptions();
              let documentPicker: ESObject = new picker.DocumentViewPicker();
              documentPicker.select(documentSelectionOptions).then((documentSelectResult: ESObject) => {
                if (documentSelectResult && documentSelectResult.length > 0) {
                  let fileRealPath = new fileUri.FileUri(documentSelectResult[0]);
                  console.info('DocumentViewPicker.select successfully, uri: ' + fileRealPath);
                  webview.AdsBlockManager.setAdsBlockRules(fileRealPath.path, true);
                }
              })
            } catch (err) {
              console.error('DocumentViewPicker.select failed with err:' + err);
            }
          })
        }
      }
      Web({ src: this.main_url, controller: this.controller })
        .onControllerAttached(()=>{
          this.controller.enableAdsBlock(true);
        })
    }
  }
}

如果存在内置的easylist规则文件， setAdsBlockRules() 接口的replace参数可用于设置规则文件的使用策略，replace为true表示不使用内置的easylist规则文件，replace为false表示自定义规则和内置的规则将会同时工作，如果发现内置规则与自定义规则冲突，可使用replace=true禁用内置规则效果。

设置的自定义规则文件将在应用进程内对所有的Web组件生效，是一个应用级全局配置文件，并将持久化，应用重启后可继续工作。

关闭特定域名页面的广告过滤

在Web组件的广告过滤开关开启后，应用有时候会期望关闭一些特定页面的广告过滤功能，除了可以使用自定义的easylist规则，AdsBlockManager还提供了 addAdsBlockDisallowedList() 接口完成此功能。

// xxx.ets
import { webview } from '@kit.ArkWeb';

// 演示通过一个按钮的点击向Web组件设置广告过滤的域名策略
@Entry
@Component
struct WebComponent {
  main_url: string = 'https://www.example.com';
  text_input_controller: TextInputController = new TextInputController();
  controller: webview.WebviewController = new webview.WebviewController();

  @State input_text: string = 'https://www.example.com';

  build() {
    Column() {
      Row() {
        Flex() {
          TextInput({ text: this.input_text, placeholder: this.main_url, controller: this.text_input_controller})
            .id("input_url")
            .height(40)
            .margin(5)
            .borderColor(Color.Blue)
            .onChange((value: string) => {
              this.input_text = value;
            })

          Button({type: ButtonType.Capsule}) { Text("Go") }
          .onClick(() => {
            this.controller.loadUrl(this.input_text);
          })

          Button({type: ButtonType.Capsule}) { Text("addAdsBlockDisallowedList") }
          .onClick(() => {
            let arrDomainSuffixes = new Array<string>();
            arrDomainSuffixes.push('example.com');
            arrDomainSuffixes.push('abcdefg.cn');
            webview.AdsBlockManager.addAdsBlockDisallowedList(arrDomainSuffixes);
          })
        }
      }
      Web({ src: this.main_url, controller: this.controller })
        .onControllerAttached(()=>{
          this.controller.enableAdsBlock(true);
        })
    }
  }
}

addAdsBlockDisallowedList接口将域名设置到AdsBlockManager的DisallowedList中，下次页面加载时会使用网页url和DisallowedList中的域名进行后缀匹配，匹配成功则不会对此页面进行广告过滤。此外，还提供了 addAdsBlockAllowedList() 接口配合DisallowedList进行域名设置，控制是否开启广告过滤。

AdsBlockManager中缓存有2组域名列表，分别为DisallowedList和AllowList，其中DisallowedList用于禁用网页的广告过滤，而AllowList用于重新开启被DisallowedList关闭的广告过滤开关，其中AllowList优先级更高。页面加载时会先使用网页url和AllowList进行匹配，匹配成功的网页广告过滤将保持开启，否则将会继续使用DisallowedList进行匹配，匹配成功将关闭网页的广告过滤。如果访问的网页不在AllowList和DisallowedList中，那么默认网页的广告过滤会保持开启状态。

例如，应用想要开启域名为’news.example.com’和’sport.example.com’的广告过滤，但需要关闭’example.com’的其他域名下网页的广告过滤，就可以先使用addAdsBlockDisallowedList()接口添加’example.com’域名到DisallowedList，再使用addAdsBlockAllowedList()接口添加’news.example.com’和’sport.example.com’域名。

// xxx.ets
import { webview } from '@kit.ArkWeb';

// 演示addAdsBlockAllowedList和addAdsBlockAllowedList配套使用，设置网页级的广告过滤开关。
@Entry
@Component
struct WebComponent {
  main_url: string = 'https://www.example.com';
  text_input_controller: TextInputController = new TextInputController();
  controller: webview.WebviewController = new webview.WebviewController();

  @State input_text: string = 'https://www.example.com';

  build() {
    Column() {
      Row() {
        Flex() {
          TextInput({ text: this.input_text, placeholder: this.main_url, controller: this.text_input_controller})
            .id("input_url")
            .height(40)
            .margin(5)
            .borderColor(Color.Blue)
            .onChange((value: string) => {
              this.input_text = value;
            })

          Button({type: ButtonType.Capsule}) { Text("Go") }
          .onClick(() => {
            this.controller.loadUrl(this.input_text);
          })

          Button({type: ButtonType.Capsule}) { Text("addAdsBlockAllowedList") }
          .onClick(() => {
            let arrDisallowDomainSuffixes = new Array<string>();
            arrDisallowDomainSuffixes.push('example.com');
            webview.AdsBlockManager.addAdsBlockDisallowedList(arrDisallowDomainSuffixes);

            let arrAllowedDomainSuffixes = new Array<string>();
            arrAllowedDomainSuffixes.push('news.example.com');
            arrAllowedDomainSuffixes.push('sport.example.com');
            webview.AdsBlockManager.addAdsBlockAllowedList(arrAllowedDomainSuffixes);
          })
        }
      }
      Web({ src: this.main_url, controller: this.controller })
        .onControllerAttached(()=>{
          this.controller.enableAdsBlock(true);
        })
    }
  }
}

需要注意的是，AdsBlockManager的DisallowedList和AllowedList列表不会持久化，因此重启应用后会重置为空。

如果Web组件未通过enableAdsBlock()接口开启广告过滤功能，上述接口设置在此Web组件中将不起作用。

收集广告过滤的信息

在Web组件的广告过滤开关开启后，访问的网页如果发生了广告过滤，会通过Web组件的 onAdsBlocked() 回调接口通知到应用，应用可根据需要进行过滤信息的收集和统计。

// xxx.ets
import { webview } from '@kit.ArkWeb';



@Entry
@Component
struct WebComponent {
  @State totalAdsBlockCounts: number = 0;
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({ src: 'https://www.example.com', controller: this.controller })
        .onAdsBlocked((details: AdsBlockedDetails) => {
          if (details) {
            console.log(' Blocked ' + details.adsBlocked.length + ' in ' + details.url);
            let adList: Array<string> = Array.from(new Set(details.adsBlocked));
            this.totalAdsBlockCounts += adList.length;
            console.log('Total blocked counts :' + this.totalAdsBlockCounts);
          }
        })
    }
  }
}

由于页面可能随时发生变化并不断产生网络请求，为了减少通知频次、降低对页面加载过程的影响，仅在页面加载完成时进行首次通知，此后发生的过滤将间隔1秒钟上报，无广告过滤则无通知。

鸿蒙全栈开发全新学习指南

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以要有一份实用的鸿蒙（HarmonyOS NEXT）学习路线与学习文档用来跟着学习是非常有必要的。

针对一些列因素，整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开发技术的学习路线，包含了鸿蒙开发必掌握的核心知识要点，内容有（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、WebGL、元服务、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植等等）鸿蒙（HarmonyOS NEXT）技术知识点。

本路线共分为四个阶段：

第一阶段：鸿蒙初中级开发必备技能

在这里插入图片描述

第二阶段：鸿蒙南北双向高工技能基础：gitee.com/MNxiaona/733GH

第三阶段：应用开发中高级就业技术

第四阶段：全网首发-工业级南向设备开发就业技术：gitee.com/MNxiaona/733GH

《鸿蒙 (Harmony OS)开发学习手册》（共计892页）

如何快速入门？

1.基本概念
2.构建第一个ArkTS应用
3.……

开发基础知识:gitee.com/MNxiaona/733GH

1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.……

基于ArkTS 开发

1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.设备管理
12.设备使用信息统计
13.DFX
14.国际化开发
15.折叠屏系列
16.……

鸿蒙开发面试真题（含参考答案）:gitee.com/MNxiaona/733GH

鸿蒙入门教学视频：

美团APP实战开发教学：gitee.com/MNxiaona/733GH

写在最后

  • 如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：
  • 点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
  • 关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
  • 想要获取更多完整鸿蒙最新学习资源，请移步前往小编：gitee.com/MNxiaona/733GH

OpenHarmony_小贾
关注
专栏目录
Linux 快速入门到实战【一】
不是方丈
07-24 837
一、操作系统概述 1. 计算机原理 ​ 现代计算机大部分都是基于冯.诺依曼结构，该结构的核心思想是将程序和数据都存放在计算机中，按存储器的存储程序首地址执行程序的第一条指令，然后进行数据的处理计算。 ​ 计算机应包括运算器、控制器、储存器、输入和输出设备五大基本部件。 ​ 计算机内部采用二进制来表示指令和数据,将编写好的程序送入储存器中，然后启动计算机工作，勿需操作人员干预，能自动逐条取出指令和执行指令。 ​ 计算机是由软件和硬件组成。硬件主要由CPU、存储设备、输入输出设备组成。软件包括操作系统
【HarmonyOS NEXT】Web组件跨域问题
Mayism123的博客
04-15 1370
onInterceptRequest方法会拦截所有的请求，然后在onInterceptRequest的回调中使用native的方法再去请求对应的资源，拿到结果然后再return回去，确实这样可以解决跨越问题，那是将所有的请求都通过自己的方法去代理实现了。可能只需要对个别url做代理请求，其他的走默认就好。根据web组件解决跨域问题的规格，拦截方法的作用就是在拦截到经过拼接自定义协议的url后，在拦截方法里使用WebResourceResponse 接口加载有跨域问题的页面，这样就能解决跨域问题。
HarmonyOS NEXT：鸿蒙内核、无Root权限设计、全新方舟图形引擎
程序IT圈
08-11 1848
在上周五的 2023 年华为开发者大会（HDC.Together）上，除了面向消费者的 HarmonyOS 4 之外，华为还推出了面向开发者的 HarmonyOS NEXT 开发者预览版。华为表示，HarmonyOS NEXT 即日起面向合作企业开发者开放，2024 年第一季度面向所有开发者开放！据介绍，HarmonyOS NEXT 系统底座全线自研，去掉了传统的 AOSP 代码，仅支持鸿蒙内核和...
鸿蒙HarmonyOS开发学习笔记：Web组件隐私模式
2401_84917132的博客
08-23 723
当使用隐私模式时，浏览网页时的cookies、 cache data 等数据不会保存在本地的持久化文件，当隐私模式的Web组件被销毁时，cookies、 cache data等数据将不被记录下来。
HarmonyOS NEXT，生命之树初长成
脑极体
08-05 1633
在不同的神话体系中，都有着关于生命之树的记载。比如在北欧神话中，一株巨大的树木联结着九大世界，其被称为“尤克特拉希尔”Yggdrasill。在中国的《山海经》中，也有着“建木”的传说，它“有九欘，下有九枸，其实如麻”，是人类登上天界的神梯。这些传说背后，展露了一种先民的智慧。我们的祖先将世界想象为一株大树，是因为大树能生长出巨大的根系，其结构极其稳固，不惧任何风雨，且能孕育繁盛的生命。几年来，软件...
HarmonyOS NEXT：技术革新与生态挑战的交汇点
喻志强的博客
12-16 5894
OpenHarmony和HarmonyOS NEXT 面临的挑战如生态建设和市场接受度，OpenHarmony的开源特性及HarmonyOS的发展节点和特性。希望HarmonyOS NEXT能够做大做强，创造辉煌！
鸿蒙终于不套壳了？纯血 HarmonyOS NEXT 即将到来
恋猫de小郭的博客
08-07 1万+
所以短期可能会有阵痛，但是 HarmonyOS NEXT 的基础其实挺好，不管是类似 Flutter/ Compose 的开发方式，还是原本已经存在的开发者基础，更有相关的政策扶持，很难看出鸿蒙会在明年遭遇滑铁卢的情况。对于移动开发者来说，特别是 Android 开发而言，鸿蒙是不是套壳 Android 一直是一个「热门」话题，类似的问题一直是知乎的「热点流量」之一，特别是每次鸿蒙发布新版本之后，都会有「套娃式」的问题出现。，而这次决定「大换血」，“减少了 40% 的冗余代码” 的说法，就很有意思。
HarmonyOS开发：NEXT版本开发新体验
知足常乐
03-12 2471
年前，公司团队接洽了鸿蒙方团队，确认了生态合作，于是开通了白名单权限，授权了新的IDE和相关文档的使用和查看，历经一月有余，谈谈NEXT版本有哪些开发上的区别。
HarmonyOS NEXT 鸿蒙星河版亮相，系统有哪些亮点？
shudaoshanQAQ的博客
02-02 1627
HarmonyOS NEXT 鸿蒙星河版亮相，将在 2024 年四季度正式商用，该系统有哪些亮点？
（0基础）鸿蒙HarmonyOS-NEXT开发入门—3
zhaoguoguo111的博客
02-21 1665
代码规范：function 函数名(){函数体。
华为HarmonyOS NEXT初体验，打造纯血鸿蒙指日可待，适配百款应用
weixin_44469648的博客
08-06 1597
在2023年的华为开发者大会（HDC.Together），华为推出了面向开发者的HarmonyOS NEXT开发者预览版，此外还有面向消费者的HarmonyOS 4。在HDC 2023大会上，华为重点强调了鸿蒙内核的流畅性、能效和安全性，以及与方舟引擎的图形体验的结合，助力了华为鸿蒙生态底座的发展。该系统基于华为自主研发的纯鸿蒙系统，不采用传统的Linux内核和AOSP代码，完全支持鸿蒙内核和鸿蒙系统应用，从而减少了40%的冗余代码，提升了系统的流畅性、能效和安全性能。
1、HarmonyOS Next 开发环境的安装及配置
jm_12138的博客
07-30 1333
介绍鸿蒙 HarmonyOS Next 开发环境的安装及配置
聊聊鸿蒙HarmonyOS NEXT 的技术细节
finogeeks的博客
01-25 4348
先来聊聊内核，内核是操作系统内最基础的构件，因此内核的设计对于操作系统的外部特性也有着至关重要的影响。
HarmonyOS Next 系列之HTTP请求封装和Token持久化存储（四）
pixle的博客
06-11 2032
HarmonyOS Next（基于API11）封装一个http请求工具类，自动拦截token失效跳转登录页，以及token持久化存取方案。
万字长文！全网最详细的HarmonyOSNext星河版快速上手教程，小白看这个就够了！（下载安装DevEco Studio）
爱码小哥
04-12 1910
下载完成后，解压下载的压缩包并进入到其中，双击下载的“deveco-studio-xxxx.exe”，进入DevEco Studio安装向导，在如下界面选择安装路径，默认安装于“C:\Program Files”下，也可以单击“Browse…在编辑器底部有一行工具栏，主要介绍常用信息栏，其中Run是项目运行时的信息栏，Problems是当前工程错误与提醒信息栏，Terminal是命令行终端，在这里执行命令行操作，PreviewerLog是预览器日志输出栏，Log是模拟器和真机运行时的日志输出栏。
鸿蒙OpenHarmony、HarmonyOS、HarmonyOS NEXT的区别
最新发布
01234567890
08-27 1390
鸿蒙OpenHarmony、HarmonyOS、HarmonyOS NEXT三个版本区别
纯鸿蒙！华为HarmonyOS NEXT不再兼容安卓应用，无法安装Apk文件
weitao_666的博客
08-08 6714
华为HarmonyOS NEXT不再兼容安卓应用，无法安装Apk文件； HarmonyOS NEXT基于OpenHarmony开发，可以说是真正的鸿蒙OS，从数码博主“WHYLAB”上手体验来看，HarmonyOS NEXT不再兼容安卓应用，如果打开安卓APK文件，会提示“无法打开此文件”。余承东表示，HarmonyOS持续深耕软件根技术，通过具备天生流畅、极致能效、纯净安全三大特征的“鸿蒙内核”和能效比提升的“方舟图形引擎”，鸿蒙底座已经基本完善，有超过1亿行代码，2万多个API。
HarmonyOS开发详解（二）——鸿蒙开发体系详解及入门实例演示运行
热门推荐
u013272092的专栏
11-21 1万+
本篇文章的计划，先体系的介绍一下鸿蒙开发相关的体系内容，希望通过本篇内容构建对鸿蒙开发体系的了解，最后再来一个最简单入门例子。既是自我的学习，也希望对你了解鸿蒙开发的全貌有帮助。 这样安排而没有直接写一个Helloworld例子的原因，很多朋友刚开始学的时候直接上手helloworld例子，虽然感觉动手入门了，但又感觉好像还是不太了解。因此在开始之前先整体的了解一下鸿蒙开发相关的体系内容，做到能够“窥全身、知全貌”而后再入门，这种方式我觉得对于构建学习体系和深入学习会有极大的好处。
【鸿蒙实战开发】基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例
HarmonyOSMN的博客
06-29 1108
响应起点：手指点击抬手离开屏幕响应终点：肉眼看到屏幕变化的第一帧响应时延：两处时间差值3.问题定位流程3.1 通用前置流程3.1.1 查看操作录屏辅助定位处理三方应用问题时，可以优先查看操作录屏，查看操作场景，看能否发现一些有助于定位的信息，比如1、是否有转场动效，初始动效是否明显2、页面组件是否复杂3.1.2 Trace抓取trace抓取参考：【附录1：【Web组件的H5页面切换类点击操作】抓取trace】
HarmonyOS NEXT
06-25
HarmonyOS NEXT，也称为鸿蒙操作系统，是华为自主研发的面向全场景的分布式操作系统。它最初是为了应对智能手机市场变化，特别是面对谷歌服务受限的情况而开发的。HarmonyOS NEXT强调了三个核心特点： 1. **统一性**：HarmonyOS旨在提供一个跨设备、跨平台的统一体验，包括手机、智能穿戴、智能家居等各类终端设备，用户界面和操作逻辑更加一致。 2. **模块化**：系统架构采用微内核设计，允许各组件独立升级，提高系统的灵活性和安全性。 3. **分布式能力**：利用分布式技术，HarmonyOS可以实现不同设备之间的无缝协同，数据共享和实时通信。 此外，HarmonyOS NEXT还支持自定义引擎（HMS Core）和开源生态，鼓励开发者构建创新应用和服务。它正逐渐成为一个开放、安全、智能的物联网操作系统平台。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值