IT评测·应用市场-qidao123.com

标题: 鸿蒙OpenHarmony【动态加载】 ArkTS运行 [打印本页]
作者: 滴水恩情    时间: 2024-12-18 01:02
标题: 鸿蒙OpenHarmony【动态加载】 ArkTS运行
动态加载

动态import支持条件耽误加载，支持部分反射功能，可以提升页面的加载速率；动态import支持加载HSP模块/HAR模块/OHPM包/Native库等，而且HAR模块间只有变量动态import时还可以进行模块解耦。
技术实用场景先容

应用开发的有些场景中，假如希望根据条件导入模块或者按需导入模块，可以利用动态导入代替[静态导入]。下面是可能会必要动态导入的场景：

业务扩展场景先容

动态import在业务上除了能实现条件耽误加载，还可以实现部分反射功能。实例如下，HAP动态import HAR包harlibrary，并调用静态成员函数staticAdd()、成员函数instanceAdd()，以及全局方法addHarlibrary()。
  1. // harlibrary's src/main/ets/utils/Calc.ets
  2. export class Calc {
  3.   public static staticAdd(a:number, b:number):number {
  4.     let c = a + b;
  5.     console.info('DynamicImport I am harlibrary in staticAdd, %d + %d = %d', a, b, c);
  6.     return c;
  7.   }
  9.   public instanceAdd(a:number, b:number):number {
  10.     let c = a + b;
  11.     console.info('DynamicImport I am harlibrary in instanceAdd, %d + %d = %d', a, b, c);
  12.     return c;
  13.   }
  14. }
  16. export function addHarlibrary(a:number, b:number):number {
  17.   let c = a + b;
  18.   console.info('DynamicImport I am harlibrary in addHarlibrary, %d + %d = %d', a, b, c);
  19.   return c;
  20. }
复制代码
  1. // harlibrary's Index.ets
  2. export { Calc, addHarlibrary } from './src/main/ets/utils/Calc'
复制代码
  1. // HAP's oh-package.json5
  2. "dependencies": {
  3.   "harlibrary": "file:../harlibrary"
  4. }
复制代码
  1. // HAP's src/main/ets/pages/Index.ets
  2. import('harlibrary').then((ns:ESObject) => {
  3.   ns.Calc.staticAdd(8, 9);  // 调用静态成员函数staticAdd()
  4.   let calc:ESObject = new ns.Calc();  // 实例化类Calc
  5.   calc.instanceAdd(10, 11);  // 调用成员函数instanceAdd()
  6.   ns.addHarlibrary(6, 7);  // 调用全局方法addHarlibrary()
  8.   // 使用类、成员函数和方法的字符串名字进行反射调用
  9.   let className = 'Calc';
  10.   let methodName = 'instanceAdd';
  11.   let staticMethod = 'staticAdd';
  12.   let functionName = 'addHarlibrary';
  13.   ns[className][staticMethod](12, 13);  // 调用静态成员函数staticAdd()
  14.   let calc1:ESObject = new ns[className]();  // 实例化类Calc
  15.   calc1[methodName](14, 15);  // 调用成员函数instanceAdd()
  16.   ns[functionName](16, 17);  // 调用全局方法addHarlibrary()
  17. });
复制代码
动态import实现方案先容

动态import根据入参是常量还是变量，分成动态import常量表达式和动态import变量表达式两大特性规格。 以下是动态import支持的规格列表：
动态import场景动态import详细分类说明本地工程模块动态import模块内文件路径要求路径以./或…/开头本地工程模块动态import HSP模块名-本地工程模块动态import HSP模块文件路径暂仅支持动态import常量表达式，不支持动态import变量表达式本地工程模块动态import HAR模块名-本地工程模块动态import HAR模块文件路径暂仅支持动态import常量表达式，不支持动态import变量表达式远程包动态import远程HAR模块名-远程包动态import ohpm包名-API动态import @system.*-API动态import @ohos.*-API动态import @arkui-x.*-模块Native库动态import libNativeLibrary.so- 注：
动态import实现中的关键点

动态import常量表达式

动态import常量表达式是指动态import的入参为常量的场景。下面以HAP引用其他模块或API的示例来说明范例用法。
说明：本文示例代码中Index.ets等路径是按照当前DevEco Studio的模块设置设置，如后续发生厘革，请调解位置及其他文件相对路径。

动态import变量表达式

DevEco Studio中模块间的依赖关系通过oh-package.json5中的dependencies进行设置。dependencies列表中所有模块默认都会进行安装（本地模块）或下载（远程模块），但是不会默认参与编译。HAP/HSP编译时会以入口文件（一样平常为Index.ets/ts）开始搜索依赖关系，搜索到的模块或文件才会加入编译。 在编译期，静态import和常量动态import可以被打包工具rollup及其插件辨认解析，加入依赖树中，参与到编译流程，终极天生方舟字节码。但是假如是变量动态import，该变量值可能必要进行运算或者外部传入才气得到，在编译态无法解析出其内容，也就无法加入编译。为了将这部分模块/文件加入编译，还必要额外增长一个runtimeOnly的buildOption设置，用于设置动态import的变量实际的模块名或者文件路径。
1. runtimeOnly字段schema设置格式
在HAP/HSP/HAR的build-profile.json5中的buildOption中增长runtimeOnly设置项，仅在通过变量动态import时设置，静态import和常量动态import无需设置；而且，通过变量动态import加载API时也无需设置runtimeOnly。 如下实例说明如何设置通过变量动态import其他模块，以及变量动态import本模块自己的单文件：
  1. // 变量动态import其他模块myHar
  2. let harName = 'myHar';
  3. import(harName).then(……);
  5. // 变量动态import本模块自己的单文件src/main/ets/index.ets
  6. let filePath = './Calc';
  7. import(filePath).then(……);
复制代码
对应的runtimeOnly设置：
  1. "buildOption": {
  2.   "arkOptions": {
  3.     "runtimeOnly": {
  4.       "packages": [ "myHar" ]  // 配置本模块变量动态import其他模块名，要求与dependencies中配置的名字一致。
  5.       "sources": [ "./src/main/ets/utils/Calc.ets" ]  // 配置本模块变量动态import自己的文件路径，路径相对于当前build-profile.json5文件。
  6.     }
  7.   }
  8. }
复制代码
“runtimeOnly"的"packages”：用于设置本模块变量动态import其他模块名，要求与dependencies中设置的名字同等。 “runtimeOnly"的"sources”：用于设置本模块变量动态import自己的文件路径，路径相对于当前build-profile.json5文件。
2. 利用实例

变量动态import加载API时无需设置runtimeOnly。
HAR模块间动态import依赖解耦

当应用包含多个HAR包，且HAR包之间依赖关系比较复杂。在IDE中设置依赖关系时，可能会形成循环依赖。这时，假如HAR之间的依赖关系中仅有变量动态import，可以将HAR包之间直接依赖关系转移到HAP/HSP中设置，HAR包之间无需设置依赖关系，从而到达HAR包间依赖解耦的目的。如下示意图：

HAR之间依赖关系转移到HAP/HSP后：

1. 利用限制

2. 利用实例
下面的实例HAP变量动态import HAR包har1，har1变量动态import另一个HAR包har2。
  1. // HAP's oh-package.json5
  2. "dependencies": {
  3.   "har1": "file:../har1"
  4. }
复制代码
  1. // HAP's build-profile.json5
  2. "buildOption": {
  3.   "arkOptions": {
  4.     "runtimeOnly": {
  5.       "packages": [
  6.         "har1"  // 仅用于使用变量动态import其他模块名场景，静态import或常量动态import无需配置。
  7.       ]
  8.     }
  9.   }
  10. }
复制代码
  1. // HAP's src/main/ets/pages/Index.ets
  2. let harName = 'har1';
  3. import(harName).then((ns:ESObject) => {
  4.   console.info('DynamicImport addHar1 4 + 5 = ' + ns.addHar1(4, 5));
  5. });
复制代码
  1. // har1's oh-package.json5
  2. "dependencies": {
  3.   "har2": "file:../har2"
  4. }
复制代码
  1. // har1's build-profile.json5
  2. "buildOption": {
  3.   "arkOptions": {
  4.     "runtimeOnly": {
  5.       "packages": [
  6.         "har2"  // 仅用于使用变量动态import其他模块名场景，静态import或常量动态import无需配置。
  7.       ]
  8.     }
  9.   }
  10. }
复制代码
  1. // har1's Index.ets
  2. export { addHar1 } from './src/main/ets/utils/Calc'
复制代码
  1. // har1's src/main/ets/utils/Calc.ets
  2. export function addHar1(a:number, b:number):number {
  3.   let c = a + b;
  4.   console.info('DynamicImport I am har1, %d + %d = %d', a, b, c);
  6.   let harName = 'har2';
  7.   import(harName).then((ns:ESObject) => {
  8.     console.info('DynamicImport addHar2 4 + 5 = ' + ns.addHar2(4, 5));
  9.   });
  10.   return c;
  11. }
复制代码
  1. // har2's Index.ets
  2. export { addHar2 } from './src/main/ets/utils/Calc'
复制代码
  1. // har2's src/main/ets/utils/Calc.ets
  2. export function addHar2(a:number, b:number):number {
  3.   let c = a + b;
  4.   console.info('DynamicImport I am har2, %d + %d = %d', a, b, c);
  5.   return c;
  6. }
复制代码
har1对har2的依赖dependencies和runtimeOnly设置转移到HAP中，har1不必要设置对har2的dependencies和runtimeOnly设置：
  1. // HAP's oh-package.json5
  2. "dependencies": {
  3.   "har1": "file:../har1",
  4.   "har2": "file:../har2"
  5. }
复制代码
  1. // HAP's build-profile.json5
  2. "buildOption": {
  3.   "arkOptions": {
  4.     "runtimeOnly": {
  5.       "packages": [
  6.         "har1",
  7.         "har2"
  8.       ]
  9.     }
  10.   }
  11. }
复制代码
  1. // HAP's src/main/ets/pages/Index.ets
  2. let harName = 'har1';
  3. import(harName).then((ns:ESObject) => {
  4.   console.info('DynamicImport addHar1 4 + 5 = ' + ns.addHar1(4, 5));
  5. });
复制代码
  1. // har1's Index.ets
  2. export { addHar1 } from './src/main/ets/utils/Calc'
  3. typescript
复制代码
  1. // har1's src/main/ets/utils/Calc.ets
  2. export function addHar1(a:number, b:number):number {
  3.   let c = a + b;
  4.   console.info('DynamicImport I am har1, %d + %d = %d', a, b, c);
  6.   let harName = 'har2';
  7.   import(harName).then((ns:ESObject) => {
  8.     console.info('DynamicImport addHar2 4 + 5 = ' + ns.addHar2(4, 5));
  9.   });
  10.   return c;
  11. }
复制代码
  1. // har2's Index.ets
  2. export { addHar2 } from './src/main/ets/utils/Calc'
  3. typescript
复制代码
  1. // har2's src/main/ets/utils/Calc.ets
  2. export function addHar2(a:number, b:number):number {
  3.   let c = a + b;
  4.   console.info('DynamicImport I am har2, %d + %d = %d', a, b, c);
  5.   return c;
  6. }
  7. ```**
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/) Powered by Discuz! X3.4