• 作者:老汪软件技巧
  • 发表时间:2024-12-19 04:04
  • 浏览量:

引言

2024年12月,我获得了华为开发者专家(HDE)认证。

从23年12月开始接触华为鸿蒙生态,到24年4月实战发布首例支持NFC交互的点单元服务,再到24年11月申请并通过华为HDE认证,我想把从初学者到HDE的学习过程记录下来,希望对大家有所帮助。

什么是HDE

官网是这么介绍HDE的:

华为开发者专家(HUAWEI DEVELOPER EXPERTS),简称HDE,是经华为认证的熟悉一种或多种华为开放能力,并对赋能全球开发者有突出贡献的个人,旨在帮助全球开发者成长,构建全球开发者生态。

HDE是华为开放能力的实践领袖,也肩负起技术布道、知识赋能等责任,除了会在各大技术社区解答用户有关华为开发能力的相关问题,定期也会在社交媒体上进行线上分享,但更多会在线下以讲师的身份来分享关于华为最新技术趋势的观点和见解。

HDE_REX.jpg

值得说明的是,和Google的GDE一样,华为的HDE并不是华为的员工,而是一种类似合作伙伴的关系。简单来说,HDE是开发者中具有代表性的一群人,通过华为平台的支持,为华为鸿蒙生态贡献着自己的价值,同时也不断塑造着个人品牌,实现双赢。

如何获得HDE

HDE申请官网:/consumer/cn…

HDE的申请条件和流程在官网中均有说明,大概可以分为以下几步:

提交申请:申请者者在官网填写申请资料;信息初审:信息初审通过后,HDE项目组会发送补充资料的邮件,填写补充资料并提交;专家复审:补充资料复审通过后,HDE项目组的运营同事会添加申请者的微信,并邀约面试;面试:会有华为专家进行线上面试,大概30分钟左右;综合评估:HDE项目组对申请者进行最终的评估,并确认是否通过。

HDE认证通过后,将可以在华为开发者官网中看到自己的资料,并且会收到HDE专家认证的电子证书。像下面这张:

HDE.jpeg

学习建议

内容分为以下几个维度,欢迎大家一起交流学习。

1. 了解 ArKTS 语言

使用ArkTs语言进行开发,了解如下两点即可

1. 数据类型

ArkTS支持的数据类型如下:

Object、string、number、boolean、enum 、Array、union、void、aliases、Record、Map 等。

下面列举一些个例的特性:

// string
undefined == name?:string
// Array
let name: string[] = ['rex','bob']
// union | 联合类型
type Animal = Cat | Dog
let animal : Animal = new Cat()
animal = new Dog()
// aliases | 匿名类型
type Predicate  = (x: T) => Boolean;
type NullableObject = Object | null;
// Record | Record 与 Map 的区别是 Record 不需要 new,Map 需要 new
let map: Record<string, number> = {
  'John': 25,
  'Mary': 21,
}

2. 语法特点

ArkTS的语法与其他前端语言大同小异,下面列举一些个例的特性:

// Rest参数
fun sum(...numbers: number[])
sum()
sum(1,2,3)
 
// 定义回调
type trigFunc = (x:number) => number
function do_action(f: trigFunc)
// 闭包
function f(): () => number {
  let count = 0;
  return (): number => { count++; return count; }
}
let z = f();
z(); // 返回:1
z(); // 返回:2
// 可选参数
function hello(name?: string) // name == undefined
function multiply(n: number, coeff: number = 2)
nultiply(1)
// 字段不复值时默认值是 undefined
// 构造函数需要使用关键字
constructor(n: string, a: number)
// 模块导出
export let Origin = new Point(0, 0);
export function Distance(p1: Point, p2: Point): number{ *** }
// 模块导入
import * as Utils from './utils' // Utils.X
import { X, Y } from './utils'
X // 表示来自utils的X
Y // 表示来自utils的Y
// 声明
readonly height : number = 1 //只读 
let hi: string = 'hello' //变量
const hello: string = 'hello' //常量
// 空安全
let x: number | null = null
// 接口 interface
interface W {
  bundleName: string
  action: string
  entities: string[]
}
let wantInfo: W = {
  bundleName: 'com.huawei.hmos.browser',
  action: 'ohos.want.action.viewData',
  entities: ['entity.system.browsable']
}

PS:需要注意的是,字符串里插入变量要使用`符号而不是单引号或双引号,如下:

Text(`插入变量到字符串中的值为${this.number}`)

2. HarmonyOS 的项目结构

关于 HarmonyOS 的项目包结构,我们暂时不需要做到全盘掌握,了解如下几个知识点即可:

1. 项目类型

创建项目分为两种类型,分别是 app(应用)、atomicService(元服务)

这两种类型的项目创建后的包结构是一样的,代码编辑也一致。重点差异如下:

2. 模块类型

创建模块分为三种类型,分别是 hap、har、hsp

静态包和动态包差异点:

3. 重点文件

最后展示一张项目的包结构截图:

3. UI 开发中的实用技巧1. 单位

//使用示例
Text('示例').fontSize('16fp').widht('100vp')

2. @Extend

定义扩展组件样式

华为实验指导书_华为基础实验手册(修订版)_

@Extend(Column)
function ColumnStyle() {
  .width('100%')
  .borderRadius(24)
  .backgroundColor(Color.White)
  .padding({ left: 12, right: 12, bottom: 4, top: 4 })
}
Column(){}.ColumnStyle()

3. @Styles

定义组件重用样式

@Styles fancy() {
  .width(200)
  .height(this.heightValue)
  .backgroundColor(Color.Yellow)
  .onClick(() => {
  this.heightValue = 200
  })
}
Text().fancy()

4. 自定义组件 @Builder 和 @BuilderParam

@Component
struct Child {
  @Builder FunABuilder0() {}
  @BuilderParam aBuilder0: () => void = this.FunABuilder0;
  build() {
    Column() {
      this.aBuilder0()
    }
  }
}
@Entry
@Component
struct Parent {
  @Builder componentBuilder() {
    Text(`Parent builder `)
  }
  build() {
    Column() {
      Child({ aBuilder0: this.componentBuilder })
    }
  }
}

5. 生命周期4. HarmoneyOS 的状态管理1. 组件的状态管理

建议看一遍官网的示例

2. 应用的状态管理

PS:重点提一下 LocalStorage 和 AppStorage 的区别,LocalStorage 是页面级存储、页面内共享,而 AppStorage 是可以跨 Ability 共享的。(即适用于多hap项目)

5. 应用开发中常用方法1. Toast 的使用

promptAction.showToast({
  message: $r('app.string.success_message'),
  duration: 2000
})

2. Preferences 的使用

import dataPreferences from '@ohos.data.preferences';
//声明
let dataPreferencesManager: dataPreferences.Preferences = {} as dataPreferences.Preferences;
//获取实例
let options: dataPreferences.Options = { name: 'myStore', dataGroupId:'myId' };
dataPreferences.getPreferences(this.context, options, (err: BusinessError, val: dataPreferences.Preferences) => {
    if (err) {
        return;
    }
    preferences = val;
})
//put
dataPreferencesManager.push(key,value)
dataPreferencesManager.flush()

3. Context

/// 实现全局Context
// 在 EntryAbility 的 create 方法中绑定上下文
AppStorage.setOrCreate('context', this.context);
//获取全局Context
AppStorage.get('context')
/// UI页面获取局部Context
const CONTEXT: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;

4. JSON 与 Object 的转换

/// JSON to Object
/// 方案一:
class A {
  v: number = 0
  s: string = ''
  fromJson (str: string) {
    let tmpStr: Record<string, Object> = JSON.parse(str);
    if (tmpStr.add != undefined) {
      this.v = tmpStr.v as number;
      this.s = tmpStr.s as string;
    }
  }
}
/// 方案二:
let json: string = '{"name":"rex","age":"10"}'
class Student {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}
let student = JSON.parse(json) as Student;

/// Object to Json(String)
JSON.stringify(any)