【HarmonyOS 5】金融應(yīng)用開(kāi)發(fā)鴻蒙組件實(shí)踐

##鴻蒙開(kāi)發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類(lèi)應(yīng)用 （金融理財(cái)#

一、鴻蒙生態(tài)觀察

2024 年 1 月 18 日：
發(fā)布 原生鴻蒙操作系統(tǒng)星河版，面向開(kāi)發(fā)者開(kāi)放申請(qǐng)，余承東宣布鴻蒙生態(tài)設(shè)備數(shù)達(dá) 8 億臺(tái)；建設(shè)銀行、郵儲(chǔ)銀行等完成鴻蒙原生應(yīng)用 Beta 版本開(kāi)發(fā)。

2024 年 10 月 22 日：
HarmonyOS NEXT（鴻蒙 5.0） 發(fā)布，這是中國(guó)首個(gè)全棧自研操作系統(tǒng)，徹底脫離安卓，流暢度顯著提升，標(biāo)志中國(guó)在操作系統(tǒng)領(lǐng)域取得突破性進(jìn)展。11 月 26 日，華為 Mate70 系列與 Mate X6 發(fā)布，到手即可升級(jí)原生鴻蒙系統(tǒng)。

2025 年 3 月：
原生鴻蒙正式版發(fā)布，HarmonyOS 5，發(fā)布Pura X 首款全面搭載 HarmonyOS 5 的闊折疊手機(jī)。

2025 年 5 月：
鴻蒙 PC 發(fā)布，從內(nèi)核重構(gòu)操作系統(tǒng)，由鴻蒙底座、生態(tài)和體驗(yàn)三大核心板塊組成，實(shí)現(xiàn)國(guó)產(chǎn)操作系統(tǒng)在 PC 領(lǐng)域的重要突破。

根據(jù) 2025 年 5 月的信息，鴻蒙系統(tǒng)的設(shè)備裝機(jī)量已超過(guò) 10 億臺(tái)。
國(guó)內(nèi)鴻蒙化應(yīng)用越來(lái)越多，外資例如匯豐，渣打今年都已啟動(dòng)鴻蒙項(xiàng)目。
從 BOSS 直聘、獵聘等平臺(tái)信息來(lái)看，鴻蒙相關(guān)崗位豐富，薪資可觀。

二、鴻蒙特性助力金融應(yīng)用

TEE
Trusted Execution Environment，可信執(zhí)行環(huán)境。
在主處理器中的一個(gè)安全區(qū)域，確保各種敏感數(shù)據(jù)在一個(gè)可信環(huán)境中被存儲(chǔ)、處理和受到保護(hù)。

TEE為授權(quán)安全軟件，也稱為“可信應(yīng)用”提供一個(gè)安全的執(zhí)行環(huán)境，通過(guò)實(shí)施保護(hù)、保密性、完整性和數(shù)據(jù)訪問(wèn)權(quán)限確保端到端的安全。

人臉活體檢測(cè)

華為提供活體檢測(cè)安全組件，方便三方應(yīng)用集成。

// 導(dǎo)入人臉識(shí)別功能模塊
import { interactiveLiveness } from '@kit.VisionKit';
// 導(dǎo)入業(yè)務(wù)錯(cuò)誤處理模塊
import { BusinessError } from '@kit.BasicServicesKit';
// 導(dǎo)入日志記錄模塊
import { hilog } from '@kit.PerformanceAnalysisKit';
// 導(dǎo)入權(quán)限控制相關(guān)模塊
import { abilityAccessCtrl, common } from '@kit.AbilityKit';
// 導(dǎo)入提示框組件
import { promptAction } from '@kit.ArkUI';
// 導(dǎo)入應(yīng)用包管理模塊
import { bundleManager } from '@kit.MDMKit';

/**
 * 人臉活體檢測(cè)頁(yè)面組件
 * 提供相機(jī)權(quán)限申請(qǐng)和交互式人臉活體檢測(cè)功能
 */
@Entry
@Component
struct FaceLivenessPage {

  // 記錄用戶是否已授予相機(jī)權(quán)限的狀態(tài)
  @State userGrant: boolean = false;

  /**
   * 向用戶申請(qǐng)相機(jī)權(quán)限
   * @returns 權(quán)限申請(qǐng)結(jié)果數(shù)組，0表示授權(quán)成功
   */
  private async reqPermissionsFromUser(): Promise< number[] > {
    // 獲取當(dāng)前UI上下文
    let context = getContext() as common.UIAbilityContext;
    // 創(chuàng)建權(quán)限管理實(shí)例
    let atManager = abilityAccessCtrl.createAtManager();
    // 發(fā)起相機(jī)權(quán)限申請(qǐng)
    let grantStatus = await atManager.requestPermissionsFromUser(context, ['ohos.permission.CAMERA']);
    return grantStatus.authResults;
  }

  /**
   * 處理相機(jī)權(quán)限申請(qǐng)流程
   */
  private async requestCameraPermission() {
    // 獲取權(quán)限申請(qǐng)結(jié)果
    let grantStatus = await this.reqPermissionsFromUser();
    // 遍歷結(jié)果檢查是否授權(quán)成功
    for (let i = 0; i < grantStatus.length; i++) {
      if (grantStatus[i] === 0) {
        // 授權(quán)成功，更新?tīng)顟B(tài)并提示用戶
        this.userGrant = true;
        promptAction.showToast({
          message: "授權(quán)成功!"
        });
      }
    }
  }

  /**
   * 權(quán)限申請(qǐng)按鈕點(diǎn)擊事件處理函數(shù)
   */
  onClickPermission = () = > {
    this.requestCameraPermission();
  }

  /**
   * 人臉活體檢測(cè)按鈕點(diǎn)擊事件處理函數(shù)
   */
  onClickFaceLiv = () = > {
    // 檢查是否有相機(jī)權(quán)限
    if (!this.userGrant) {
      promptAction.showToast({
        message: "無(wú)相機(jī)權(quán)限！"
      });
      return;
    }

    // 配置活體檢測(cè)模式為交互式
    let isSilentMode = "INTERACTIVE_MODE" as interactiveLiveness.DetectionMode;
    // 配置需要完成的動(dòng)作數(shù)量為3個(gè)
    let actionsNum = 3 as interactiveLiveness.ActionsNumber;
    // 配置活體檢測(cè)參數(shù)
    let routerOptions: interactiveLiveness.InteractiveLivenessConfig = {
      actionsNum: actionsNum,         // 動(dòng)作數(shù)量
      isSilentMode: isSilentMode,     // 檢測(cè)模式
      routeMode: "back" as interactiveLiveness.RouteRedirectionMode // 檢測(cè)完成后返回方式
    };
    
    // 啟動(dòng)人臉活體檢測(cè)
    interactiveLiveness.startLivenessDetection(routerOptions, (err: BusinessError, result: interactiveLiveness.InteractiveLivenessResult | undefined) = > {
      if (err.code !== 0 && !result) {
        // 檢測(cè)失敗，記錄錯(cuò)誤日志
        hilog.error(0x0001, "LivenessCollectionIndex", `Failed to detect. Code：${err.code}，message：${err.message}`);
        return;
      }
      // 檢測(cè)成功，記錄結(jié)果日志并提示用戶
      hilog.info(0x0001, 'LivenessCollectionIndex', `Succeeded in detecting result：${JSON.stringify(result)}`);
      promptAction.showToast({
        message: JSON.stringify(result)
      });
    });
  }

  /**
   * 定義按鈕通用樣式
   */
  @Styles commonText() {
    .width(px2vp(600))      // 設(shè)置寬度
    .height(px2vp(120))     // 設(shè)置高度
    .backgroundColor(Color.Blue) // 設(shè)置背景色
    .borderRadius(15)       // 設(shè)置圓角
  }

  /**
   * 組件UI構(gòu)建函數(shù)
   */
  build() {
    Column() {
      // 權(quán)限申請(qǐng)按鈕
      Text("請(qǐng)求相機(jī)權(quán)限")
        .fontColor(Color.White)
        .textAlign(TextAlign.Center)
        .commonText()           // 應(yīng)用通用樣式
        .onClick(this.onClickPermission) // 綁定點(diǎn)擊事件
        .margin({
          bottom: px2vp(60)     // 設(shè)置底部邊距
        })

      // 人臉檢測(cè)按鈕
      Text("人臉活體檢測(cè)")
        .fontColor(Color.White)
        .textAlign(TextAlign.Center)
        .commonText()           // 應(yīng)用通用樣式
        .onClick(this.onClickFaceLiv)   // 綁定點(diǎn)擊事件

    }
    .height('100%')           // 設(shè)置高度為全屏
    .width('100%')            // 設(shè)置寬度為全屏
    .justifyContent(FlexAlign.Center) // 垂直居中對(duì)齊
    .backgroundColor(Color.Black)     // 設(shè)置背景色
  }
}

圖片篩選

隱私安全提升，比業(yè)內(nèi)Android和IOS更加保護(hù)用戶隱私與安全。

import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { BusinessError } from '@kit.BasicServicesKit';

/**
 * 相冊(cè)圖片選擇
 */
@Entry
@Component
struct AlbumPage {

  private TAG: string = "AlbumPage";

  onClickSelectPhoto = ()= >{
    try {
      let PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
      // 設(shè)置篩選過(guò)濾條件
      PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
      // 選擇用戶選擇數(shù)量
      PhotoSelectOptions.maxSelectNumber = 1;
      // 添加圖片目標(biāo)篩選類(lèi)型
      let recommendOptions: photoAccessHelper.RecommendationOptions = {
        recommendationType: photoAccessHelper.RecommendationType.ID_CARD | photoAccessHelper.RecommendationType.BANK_CARD | photoAccessHelper.RecommendationType.QR_CODE
      }
      PhotoSelectOptions.recommendationOptions = recommendOptions;
      // 實(shí)例化圖片選擇器
      let photoPicker = new photoAccessHelper.PhotoViewPicker();
      // 喚起安全相冊(cè)組件
      photoPicker.select(PhotoSelectOptions, (err: BusinessError, PhotoSelectResult: photoAccessHelper.PhotoSelectResult) = > {
        if (err) {
          console.error(this.TAG, "onClickSelectPhoto photoPicker.select error:" + JSON.stringify(err));
          return;
        }
        // 用戶選擇確認(rèn)后，會(huì)回調(diào)到這里。
        console.info(this.TAG, "onClickSelectPhoto photoPicker.select successfully:" + JSON.stringify(PhotoSelectResult));
      });
    } catch (error) {
      let err: BusinessError = error as BusinessError;
      console.error(this.TAG, "onClickSelectPhoto photoPicker.select catch failed:" + JSON.stringify(err));
    }
  }

  build() {
    Row(){
      Button('點(diǎn)擊喚起相冊(cè)選擇')
        .onClick(this.onClickSelectPhoto)
    }
    .justifyContent(FlexAlign.Center)
    .size({
      width: "100%",
      height: "100%"
    })
  }
}

掃一掃

系統(tǒng)提供安全掃碼控件，簡(jiǎn)單幾句代碼即可集成掃碼界面與解析。
掃碼界面內(nèi)完整集成圖庫(kù)選取，閃光燈補(bǔ)光，圖片掃碼，實(shí)時(shí)掃碼。

import { scanBarcode, scanCore } from '@kit.ScanKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct ScanPage {
  private TAG: string = "Index";

  private onToEasyScan = () = > {
    let options: scanBarcode.ScanOptions = {
      scanTypes: [scanCore.ScanType.ALL],
      enableMultiMode: true,
      enableAlbum: true
    };
    scanBarcode.startScanForResult(getContext(this), options).then((result: scanBarcode.ScanResult) = > {
      // 掃碼解析成功，二維碼數(shù)據(jù)
      console.info(this.TAG, " result: " + JSON.stringify(result));
      promptAction.showToast({
        message: result.originalValue
      });
    }).catch((error: BusinessError) = > {
      // 掃碼解析失敗
      console.info(this.TAG, " error: " + JSON.stringify(error));
    });
  }

  build() {
    RelativeContainer() {
      Text("跳轉(zhuǎn)一鍵掃碼")
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(this.onToEasyScan)
    }
    .height('100%')
    .width('100%')
  }
}

三、開(kāi)發(fā)問(wèn)題定位和解決方案分享

鴻蒙開(kāi)發(fā)經(jīng)驗(yàn)分享

1、如何高效的學(xué)習(xí)鴻蒙？
所謂知其然，才能知其所以然，先進(jìn)行鴻蒙整體概念的入門(mén)和學(xué)習(xí)，了解鴻蒙相關(guān)的專有名詞是非常重要。

1.1、專有名詞介紹：
鴻蒙
特指HarmonyOS與OpenHarmony，前者是商業(yè)鴻蒙，是華為公司使用和維護(hù)的系統(tǒng)。后者是HW開(kāi)源給開(kāi)放原子基金協(xié)會(huì)的系統(tǒng)，任何人遵守開(kāi)源協(xié)議，都可以使用和改造的系統(tǒng)。

HarmonyOS雖然基座是OpenHarmony，但是上層功能和使用差異也還是有的。兩者雖然近似，但是并非一個(gè)東西。
兩者區(qū)別詳情參見(jiàn)：OpenHarmony和HarmonyOS區(qū)別與共性

鴻蒙相關(guān)公司
目前使用和維護(hù)開(kāi)源鴻蒙OpenHarmony成長(zhǎng)的公司有很多，例如深開(kāi)鴻，潤(rùn)開(kāi)鴻，鴻湖萬(wàn)聯(lián)，開(kāi)鴻智谷，九聯(lián)開(kāi)鴻等。開(kāi)源鴻蒙的現(xiàn)在使用方向很多，例如電網(wǎng)，工業(yè)，物聯(lián)，礦產(chǎn)等等。
商業(yè)鴻蒙，是華為公司自己進(jìn)行迭代和維護(hù)與使用。

鴻蒙北向和南向
特指，北向應(yīng)用開(kāi)發(fā)，南向設(shè)備開(kāi)發(fā)。設(shè)備開(kāi)發(fā)多是基于開(kāi)源鴻蒙。北向分OpenHarmony應(yīng)用開(kāi)發(fā)和HarmonyOS應(yīng)用開(kāi)發(fā)。

鴻蒙雙框架和單框架
在 HarmonyOS NEXT 發(fā)布之前，華為手機(jī)運(yùn)行的是 “雙框架” 系統(tǒng)。其架構(gòu)邏輯是鴻蒙和安卓框架共同存在，但底層基礎(chǔ)服務(wù)仍以鴻蒙為核心，也被稱為 “雜交系統(tǒng)”。單框架：以 HarmonyOS NEXT 為代表，是純血鴻蒙系統(tǒng)，底座全線自研，去掉了傳統(tǒng)的安卓開(kāi)放源代碼項(xiàng)目（AOSP）代碼，只支持鴻蒙內(nèi)核及鴻蒙系統(tǒng)的應(yīng)用

鴻蒙HDE
華為開(kāi)發(fā)者專家（HUAWEI DEVELOPER EXPERTS），經(jīng)過(guò)華為官方認(rèn)證。他們是華為開(kāi)放能力的實(shí)踐領(lǐng)袖，肩負(fù)著技術(shù)布道、知識(shí)賦能等責(zé)任，會(huì)在各大技術(shù)社區(qū)解答用戶有關(guān)華為開(kāi)發(fā)能力的相關(guān)問(wèn)題，定期在社交媒體上進(jìn)行線上分享，也常在線下以講師身份分享關(guān)于華為最新技術(shù)趨勢(shì)講解。

2、建立鴻蒙知識(shí)框架
我向來(lái)建議大家，建立鴻蒙的學(xué)習(xí)框架，首先了解鴻蒙是什么，能做什么，都有什么功能。新特性是什么？與Android和IOS的區(qū)別在哪？

只有充分解構(gòu)學(xué)習(xí)目標(biāo)之后，才能更有動(dòng)力，更有方向的去學(xué)習(xí)鴻蒙。

綜上所述，現(xiàn)在我們來(lái)看官方的文檔，就明白如何去學(xué)習(xí)使用了。

版本說(shuō)明，是鴻蒙迭代版本的詳細(xì)說(shuō)明，從這里我們可以了解到，鴻蒙最新的技術(shù)迭代方向，和某些老技術(shù)廢棄的原因。及時(shí)調(diào)整自己的學(xué)習(xí)方向和開(kāi)發(fā)方案。

指南作為開(kāi)發(fā)功能的概述，會(huì)有完整的demo代碼片段，當(dāng)你需要更詳細(xì)的接口文檔時(shí)，就需要點(diǎn)擊API參考進(jìn)行查看。

最佳實(shí)踐和FAQ作為開(kāi)發(fā)方案的技術(shù)范本和常規(guī)問(wèn)題規(guī)避，可以理解為踩坑文檔。

鴻蒙快速迭代如何不掉隊(duì)？
因?yàn)轼櫭稍诳焖俪砷L(zhǎng)，API迭代速度很快。很多組件，路由管理，狀態(tài)裝飾器都在快速進(jìn)化中。有的就被廢棄了，需要快速學(xué)習(xí)新的方案。所以對(duì)持續(xù)學(xué)習(xí)的要求很高。

建議進(jìn)行知識(shí)框架的搭建，例如通過(guò)思維導(dǎo)圖，個(gè)人知識(shí)庫(kù)，定期學(xué)習(xí)官方文檔進(jìn)行知識(shí)的迭代。在工作開(kāi)發(fā)中，經(jīng)常自我總結(jié)，歸納鴻蒙相關(guān)的技能和解決方案。

審核編輯 黃宇