ArkTS卡片運(yùn)行機(jī)制

實(shí)現(xiàn)原理

圖1 ArkTS卡片實(shí)現(xiàn)原理

• 卡片使用方：顯示卡片內(nèi)容的宿主應(yīng)用，控制卡片在宿主中展示的位置，當(dāng)前僅系統(tǒng)應(yīng)用可以作為卡片使用方。
• 卡片提供方：提供卡片顯示內(nèi)容的應(yīng)用，控制卡片的顯示內(nèi)容、控件布局以及控件點(diǎn)擊事件。
• 卡片管理服務(wù)：用于管理系統(tǒng)中所添加卡片的常駐代理服務(wù)，提供formProvider接口能力，同時(shí)提供卡片對(duì)象的管理與使用以及卡片周期性刷新等能力。
• 卡片渲染服務(wù)：用于管理卡片渲染實(shí)例，渲染實(shí)例與卡片使用方上的卡片組件一一綁定?？ㄆ秩痉?wù)運(yùn)行卡片頁面代碼widgets.abc進(jìn)行渲染，并將渲染后的數(shù)據(jù)發(fā)送至卡片使用方對(duì)應(yīng)的卡片組件。

圖2 ArkTS卡片渲染服務(wù)運(yùn)行原理

與JS卡片相比，ArkTS卡片支持在卡片中運(yùn)行邏輯代碼，為確保ArkTS卡片發(fā)生問題后不影響卡片使用方應(yīng)用的使用，ArkTS卡片新增了卡片渲染服務(wù)用于運(yùn)行卡片頁面代碼widgets.abc，卡片渲染服務(wù)由卡片管理服務(wù)管理?？ㄆ褂梅降拿總€(gè)卡片組件都對(duì)應(yīng)了卡片渲染服務(wù)里的一個(gè)渲染實(shí)例，同一應(yīng)用提供方的渲染實(shí)例運(yùn)行在同一個(gè)虛擬機(jī)運(yùn)行環(huán)境中，不同應(yīng)用提供方的渲染實(shí)例運(yùn)行在不同的虛擬機(jī)運(yùn)行環(huán)境中，通過虛擬機(jī)運(yùn)行環(huán)境隔離不同應(yīng)用提供方卡片之間的資源與狀態(tài)。開發(fā)過程中需要注意的是globalThis對(duì)象的使用，相同應(yīng)用提供方的卡片globalThis對(duì)象是同一個(gè)，不同應(yīng)用提供方的卡片globalThis對(duì)象是不同的。

ArkTS卡片的優(yōu)勢(shì)

卡片作為應(yīng)用的一個(gè)快捷入口，ArkTS卡片相較于JS卡片具備如下幾點(diǎn)優(yōu)勢(shì)：

• 統(tǒng)一開發(fā)范式，提升開發(fā)體驗(yàn)和開發(fā)效率。

  OpenHarmony在2022年發(fā)布了聲明式范式的UI開發(fā)框架，而卡片還延續(xù)了css/hml/json三段式類Web范式的開發(fā)方式，提高了開發(fā)者的學(xué)習(xí)成本，提供ArkTS卡片能力后，統(tǒng)一了卡片和頁面的開發(fā)范式，頁面的布局可以直接復(fù)用到卡片布局中，提升開發(fā)體驗(yàn)和開發(fā)效率。

  圖3 卡片工程結(jié)構(gòu)對(duì)比
  
• 增強(qiáng)了卡片的能力，使卡片更加萬能。
  • 新增了動(dòng)效的能力：ArkTS卡片開放了屬性動(dòng)畫和顯式動(dòng)畫的能力，使卡片的交互更加友好。
  • 新增了自定義繪制的能力：ArkTS卡片開放了Canvas畫布組件，卡片可以使用自定義繪制的能力構(gòu)建更多樣的顯示和交互效果。
  • 允許卡片中運(yùn)行邏輯代碼：開放邏輯代碼運(yùn)行后很多業(yè)務(wù)邏輯可以在卡片內(nèi)部自閉環(huán)，拓寬了卡片的業(yè)務(wù)適用場(chǎng)景。

ArkTS卡片的約束

ArkTS卡片相較于JS卡片具備了更加豐富的能力，但也增加了使用卡片進(jìn)行惡意行為的風(fēng)險(xiǎn)。由于ArkTS卡片顯示在使用方應(yīng)用中，使用方應(yīng)用一般為桌面應(yīng)用，為確保桌面的使用體驗(yàn)以及功耗相關(guān)考慮，對(duì)ArkTS卡片的能力做了以下約束：

• 不支持加載so。
• 不支持使用native語言開發(fā)。
• 僅支持聲明式范式的部分組件、事件、動(dòng)效、數(shù)據(jù)管理、狀態(tài)管理和API能力。
• 卡片的事件處理和使用方的事件處理是獨(dú)立的，建議在使用方支持左右滑動(dòng)的場(chǎng)景下卡片內(nèi)容不要使用左右滑動(dòng)功能的組件，以防手勢(shì)沖突影響交互體驗(yàn)。

除此之外，當(dāng)前ArkTS卡片還存在如下約束：

• 暫不支持導(dǎo)入模塊。
• 暫不支持極速預(yù)覽。
• 暫不支持?jǐn)帱c(diǎn)調(diào)試能力。
• 暫不支持Hot Reload熱重載。