導(dǎo)讀

本文帶來(lái)非常詳細(xì)的元服務(wù)開(kāi)發(fā)及上架全流程介紹，包含元服務(wù)介紹架馋、創(chuàng)建狞山、服務(wù)卡片、簽名叉寂、開(kāi)發(fā)測(cè)試萍启、簽名打包、上架審核等屏鳍，一應(yīng)俱全勘纯。

元服務(wù)簡(jiǎn)介

image.png

• 元服務(wù)是一種新的服務(wù)提供方式
• 開(kāi)發(fā)簡(jiǎn)單、免安裝钓瞭、易于獲取和使用
• 相較于小程序驳遵，系統(tǒng)原生，絲滑流暢

輕量應(yīng)用程序形態(tài)山涡，具備秒開(kāi)直達(dá)堤结，純凈清爽唆迁；服務(wù)相伴逗余，恰合時(shí)宜卖陵；即用即走，賬號(hào)相隨徘郭；一體兩面来庭，嵌入運(yùn)行妒蔚；原生智能，全域搜索月弛；高效開(kāi)發(fā)肴盏，生而可信等特征。

image.png

特點(diǎn)

• 秒開(kāi)直達(dá)：即開(kāi)即用帽衙，無(wú)開(kāi)屏廣告
• 服務(wù)相伴：履約提醒菜皂，服務(wù)閉環(huán)
• 用完即走：退出無(wú)彈窗，服務(wù)隨賬號(hào)同步
• 原生智能：小藝智能厉萝，精準(zhǔn)觸達(dá)?全域搜索：系統(tǒng)搜索框
• 高效開(kāi)發(fā)：UX 組件集恍飘、場(chǎng)景化模板等

創(chuàng)建元服務(wù)

創(chuàng)建項(xiàng)目

image.png

1.打開(kāi) DevEco
2.New -> Create Project
3.選擇 Atmoic Service

第一次會(huì)提示我們?nèi)A為賬號(hào)，這里點(diǎn)擊登錄谴垫，注意這里登錄的是開(kāi)發(fā)者賬號(hào)章母，也就是用于上架的賬號(hào)，如果你是企業(yè)翩剪，那應(yīng)該使用公司的開(kāi)發(fā)者賬號(hào)登錄乳怎。

image.png

點(diǎn)擊登錄，會(huì)跳轉(zhuǎn)到瀏覽器前弯，在網(wǎng)頁(yè)中登錄開(kāi)發(fā)者賬號(hào)蚪缀，并授權(quán)允許。

image.png

網(wǎng)頁(yè)中顯示登錄成功恕出，然后我們回到 Deveco 即可询枚。

image.png

如果是第一次使用，項(xiàng)目還沒(méi)有創(chuàng)建浙巫，此時(shí)需要點(diǎn)擊 Register App ID, 創(chuàng)建一個(gè)新項(xiàng)目

image.png

填寫(xiě)元服務(wù)名稱(chēng)金蜀，需要特別注意的是，名稱(chēng)不能重名的畴，具有識(shí)別性廉油，不能為廣義歸納類(lèi)，避免誘導(dǎo)用戶(hù)苗傅，具體的要求見(jiàn)參考資料中的審核指南，否則上架審核會(huì)被拒班巩。

image.png

點(diǎn)擊下一步渣慕，選擇所屬項(xiàng)目嘶炭，如果還沒(méi)有創(chuàng)建項(xiàng)目，輸入項(xiàng)目名稱(chēng)逊桦，點(diǎn)擊確認(rèn)即可創(chuàng)建

image.png

完成 APPID 注冊(cè)眨猎。

image.png

急需創(chuàng)建元服務(wù)，點(diǎn)擊完成强经，這樣就生成了樣板代碼睡陪。

image.png

圖標(biāo)生成

image.png

在工程中選中模塊或文件右鍵

New -> Image Asset

制作一個(gè) 1024 x 1024 px 的正方形圖標(biāo)，自動(dòng)生成周?chē)膱A圈

編寫(xiě)頁(yè)面

image.png

@Entry 表示該自定義組件為入口組件匿情，代表當(dāng)前是一個(gè)頁(yè)面

@Component 表示自定義組件

@State表示組件中的狀態(tài)變量兰迫，狀態(tài)變量變化會(huì)觸發(fā)UI刷新

aboutToAppear 為生命周期，組件實(shí)例化以后炬称，build() 之前

build() 為UI 描述方法

注意：元服務(wù)與鴻蒙原生應(yīng)用完全相同的技術(shù)棧汁果，僅僅是可用 API 集合不同，功能相對(duì)簡(jiǎn)單

編寫(xiě)元服務(wù)的注意事項(xiàng)

image.png

不少 API/Kit 無(wú)法在元服務(wù)中使用玲躯，

打開(kāi) API參考据德，可以在左側(cè)勾選，篩選元服務(wù)API集

服務(wù)卡片

image.png

靜態(tài)卡片交互組件 FormLink

用于靜態(tài)卡片內(nèi)部和提供方應(yīng)用間的交互

action: router 用于跳轉(zhuǎn)跷车，UIAbility 側(cè)通過(guò) params 接收參數(shù)

接收傳參

image.png

EntryAbility.ets

onCreate 和 onNewWant 中通過(guò) want?.parameters?.params 接收參數(shù)

onCreate: UIAbility實(shí)例新建

onNewWant：UIAbility實(shí)例由后臺(tái)回到前臺(tái)棘利，熱啟動(dòng)

onWindowStageCreate：UIAbility 創(chuàng)建完成后，進(jìn)入前臺(tái)之前朽缴，會(huì)創(chuàng)建 WindowStage

開(kāi)發(fā)測(cè)試

image.png

1. 模擬器
2. Previewer
3. 真機(jī)調(diào)試
4. 熱重載

image.png

DevEco Testing

穩(wěn)定性測(cè)試
性能功耗測(cè)試
回歸測(cè)試
基礎(chǔ)質(zhì)量測(cè)試
設(shè)備投屏

支持平板的元服務(wù)善玫，確保進(jìn)行過(guò)兼容性測(cè)試，否則影響上架審核

這部分在《鴻蒙Flutter實(shí)戰(zhàn)：13-鴻蒙應(yīng)用打包上架流程》有詳細(xì)說(shuō)明不铆。

image.png

1. DevEco 創(chuàng)建 Key Store
2. 生成 Key 和 CSR
3. 在 華為AGC 新增證書(shū)蝌焚，上傳 CSR，獲得 Cer 證書(shū)文件
4. 創(chuàng)建 Profile 文件
5. 配置簽名文件
6. 打包 （Build/Huild Apps）

image.png

1. 回到 AGC誓斥，完善應(yīng)用信息只洒，上傳圖標(biāo)
2. 上傳軟件包
3. 完全應(yīng)用介紹，填寫(xiě)隱私政策劳坑、用戶(hù)協(xié)議
4. 如果是APP毕谴，需要提前準(zhǔn)備好備案和軟著（推薦使用電子版權(quán)證）
5. 提交審核

參考資料

• 元服務(wù)
• 元服務(wù)審核指南
• 鴻蒙Flutter實(shí)戰(zhàn)：13-鴻蒙應(yīng)用打包上架流程