鸿蒙多功能工具箱开发实战(二十)-性能优化与打包发布

前言

性能优化和应用发布是开发流程的最后环节。本文将讲解HarmonyOS应用性能优化技巧和打包发布流程。

一、性能优化

1.1 渲染优化

// 使用LazyForEach懒加载
@Component
struct LazyListPage {
  @State dataSource: MyDataSource = new MyDataSource()

  build() {
    List() {
      LazyForEach(this.dataSource, (item: DataItem) => {
        ListItem() {
          Text(item.name)
        }
      }, (item: DataItem) => item.id.toString())
    }
    .width('100%')
    .height('100%')
  }
}

// 自定义数据源
class MyDataSource implements IDataSource {
  private dataArray: DataItem[] = []

  totalCount(): number {
    return this.dataArray.length
  }

  getData(index: number): DataItem {
    return this.dataArray[index]
  }

  registerDataChangeListener(listener: DataChangeListener): void {}
  unregisterDataChangeListener(listener: DataChangeListener): void {}
}

1.2 状态优化

// 避免不必要的状态更新
@Component
struct OptimizedComponent {
  // 使用 @ObjectLink 代替 @State 处理对象
  @ObjectLink item: DataItem

  build() {
    Row() {
      Text(this.item.name)
    }
  }
}

// 使用 @Watch 精确监听
@Component
struct WatchComponent {
  @Prop @Watch('onValueChange') value: number = 0

  onValueChange(newValue: number, oldValue: number) {
    console.log(`值从 ${oldValue} 变为 ${newValue}`)
  }

  build() {
    Text(`${this.value}`)
  }
}

1.3 图片优化

// 图片懒加载
Image($r('app.media.large_image'))
  .width(200)
  .height(200)
  .objectFit(ImageFit.Cover)
  .interpolation(ImageInterpolation.High)  // 高质量插值

// 使用缩略图
Image(this.imageUrl)
  .alt($r('app.media.placeholder'))  // 占位图
  .width(100)
  .height(100)

二、打包配置

2.1 签名配置

在 build-profile.json5 中配置：

{
  "app": {
    "signingConfigs": [
      {
        "name": "default",
        "type": "HarmonyOS",
        "material": {
          "certpath": "certs/certificate.cer",
          "storePassword": "xxxxxx",
          "keyAlias": "xxxxxx",
          "keyPassword": "xxxxxx",
          "profile": "certs/profile.p7b",
          "signAlg": "SHA256withECDSA",
          "storeFile": "certs/keystore.p12"
        }
      }
    ]
  }
}

2.2 构建配置

{
  "app": {
    "products": [
      {
        "name": "default",
        "signingConfig": "default",
        "compileSdkVersion": 10,
        "compatibleSdkVersion": 10,
        "runtimeOS": "HarmonyOS"
      }
    ]
  },
  "modules": [
    {
      "name": "entry",
      "srcPath": "./entry",
      "targets": [
        {
          "name": "default",
          "applyToProducts": ["default"]
        }
      ]
    }
  ]
}

三、发布流程

3.1 构建HAP

# 调试版本
hvigorw assembleHap --mode module -p module=entry@default

# 发布版本
hvigorw assembleHap --mode module -p module=entry@default -p buildMode=release

3.2 上传应用市场

1. 登录华为开发者联盟
2. 进入AppGallery Connect
3. 创建应用并填写信息
4. 上传HAP包
5. 提交审核

四、性能监控

4.1 性能指标采集

class PerformanceMonitor {
  private static metrics: Map<string, number[]> = new Map()
  
  static measure(name: string, duration: number) {
    if (!this.metrics.has(name)) {
      this.metrics.set(name, [])
    }
    this.metrics.get(name)!.push(duration)
  }
  
  static getAverage(name: string): number {
    const times = this.metrics.get(name) || []
    return times.reduce((a, b) => a + b, 0) / times.length
  }
}

4.2 内存优化

class CacheManager {
  private static cache: Map<string, WeakRef<object>> = new Map()
  
  static set(key: string, value: object) {
    this.cache.set(key, new WeakRef(value))
  }
  
  static get(key: string): object | undefined {
    return this.cache.get(key)?.deref()
  }
}

五、打包配置

六、发布检查清单

• 功能测试通过
• 性能测试达标
• 兼容性测试通过
• 安全检查通过

七、打包配置详解

7.1 签名配置

// build-profile.json5
{
  "app": {
    "signingConfigs": [
      {
        "name": "default",
        "type": "HarmonyOS",
        "material": {
          "certpath": "certs/cert.cer",
          "storePassword": "password",
          "keyAlias": "alias",
          "keyPassword": "password",
          "profile": "certs/profile.p7b",
          "signAlg": "SHA256withECDSA",
          "storeFile": "certs/key.p12"
        }
      }
    ]
  }
}

7.2 多渠道打包

// hvigorfile.ts
export default {
  build: {
    channels: ['huawei', 'xiaomi', 'oppo'],
    output: {
      dir: 'dist',
      naming: '${channel}-${version}-${timestamp}.hap'
    }
  }
}

八、发布检查清单

8.1 功能检查

• 所有计算功能正常
• 数据存储正常
• 网络请求正常
• 设置功能正常

8.2 性能检查

• 启动时间 < 3秒
• 内存占用 < 100MB
• 无内存泄漏

8.3 兼容性检查

• 手机端正常
• 平板端正常
• 折叠屏正常

8.4 安全检查

• 无敏感信息泄露
• 权限申请合理
• 签名验证通过
  图 1 软件名称展示
  

九、小结

本文详细讲解了性能优化与发布：

1. ✅ LazyForEach懒加载
2. ✅ 状态优化
3. ✅ 图片优化
4. ✅ 签名配置
5. ✅ 发布流程
6. ✅ 性能监控
7. ✅ 内存优化
8. ✅ 多渠道打包
9. ✅ 发布检查清单

---

系列文章导航：
下期预告：鸿蒙多功能工具箱开发实战(二十一)-项目总结与展望