HarmonyOS原子化服務開發快速入門教程（上）

原創蛟龍騰飛收納專欄 :Harmonyos 28 分鐘前 2

學習說明

1.開發者具備JS與前端開發語言入門級及以上基礎。

2.已經安裝好DevEco Studio。本案例用的DevEco Studio 3.0.0.800，API4-7都可以體驗。

3.開發者已經注冊與實名認證華為開發者聯盟賬戶。

4.Empty Ability工程模板， JavaScript語言開發，支持低代碼開發，用于Phone、TV、Tablet、Wearable設備的Feature Ability模板，展示了基礎的Hello World功能。

5.Immersive Data（沉浸式數據模板）服務卡片模板，支持設備Phone/Tablet/Wearable，JavaScript語言開發，此類型卡片是在沉浸式圖片上呈現數據信息，可以使用不同的圖標搭配信息進行呈現，強調使用場景與數據之間的關系，開發者可以發揮圖文搭配的優勢，創造出獨特風格的卡片樣式。

6.課件里提供了本案例單獨說明文檔與代碼包，可以直接引用體驗。

目錄：

• 創建項目
• 創建卡片
• 修改代碼
• 運行效果
• 多設備效果顯示
• 學習說明

一、創建項目

1. 創建工程項目

打開DevEco Studio選擇你的Ability 模板，這里我們選擇Empty Ability模板，然后點擊Next進行下一步。如圖1所示。

圖1

２．配置工程項目

配置的項目工程，如圖2和圖3所示，然后單擊Finish創建。

圖2

圖3

二、創建卡片

1. 找到entry中src->main下的js文件，右擊選擇new中的Service Widget選項，如圖4所示。

圖4

選擇immersive Data卡片模板，如圖5所示，點擊Next進行下一步。

圖5

配置卡片模板信息，如圖6，然后點擊Finish創建。

圖6

審核編輯：符乾江