IT之家 4 月 26 日消息，據華為鴻蒙釋出，在 HarmonyOS Connect 生态産品應用開發過程中，很多開發者對于如何接入智慧生活 App 還存在一些疑問，如：如何選擇合适的開發方式、如何進行 H5 開發與調測等。
為了更好地幫助開發者，官方文檔特意整理出“接入智慧生活 App”專題。
文檔中心-接入智慧生活 App 的開發指導：
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445
智慧生活 App 作為華為全場景智慧體驗的重要入口，可以實作華為自研裝置與生态夥伴裝置的統一管理。
▲ 圖 1 智慧生活 App
夥伴可以通過開發 H5 接入智慧生活 App，為消費者帶來以下功能體驗：
裝置添加：使用者可以通過智慧生活 App 快速發現裝置并添加裝置，簡單易用。
裝置管控：使用者添加裝置後，可以通過智慧生活 App 實作遠端控制裝置、檢視狀态、分類管理、共享裝置、删除裝置等。
場景關聯：通過場景編排可以實作不同産品、不同功能的關聯，為使用者提供智慧化的場景體驗。
一、新增智慧生活 App H5 開發方式選擇介紹
如此便捷好用的 H5 如何實作？本次文檔更新，新增了 H5 接入原理及開發方式選擇介紹。
1. 接入原理介紹
夥伴通過線上或線下方式開發 H5，并上傳至 Device Partner 平台。平台會将 H5 開發包推送至 HarmonyOS Connect 雲。
消費者通過智慧生活 App 調用雲端的 H5 開發包，進而實作對裝置的管理和控制。
▲ 圖 2 H5 開發接入原理
2.開發方式選擇
智慧生活 App 的 H5 包支援線上開發與線下開發兩種方式，開發者夥伴可以根據下表的裝置的使用範圍和能力差異來選擇：
選擇好适合的開發方式即可着手進行 H5 開發啦！
更多詳細說明，可參考：
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445
下面要為夥伴隆重介紹：本次文檔更新内容 —— 線上界面設計工具（即 UI + 工具）介紹。
二、新增線上界面設計工具（即 UI + 工具）介紹
1. UI + 工具特點介紹
UI + 工具有以下特點：
自動生成界面：可以根據物模型定義，自動生成符合設計規範的操作界面。
減少稽核環節：通過 UI + 工具生成的設計稿無需再送出稽核。
開發者可以根據需求進行線上的調整、編排，快速實作期望的界面效果，這可是大大提升了 H5 的線上開發效率！
2. UI + 工具功能介紹
UI + 工具界面由編輯區和預覽區（包含裝置展示區、資訊展示區、功能區等）兩部分組成，主要提供如下功能：
編輯：單擊裝置展示區、資訊展示區或功能區，可以在右側的編輯區進行編排。通過實時預覽效果來調整編輯操作，快速實作所需的頁面。
儲存：單擊編輯區右上方的
，可以儲存 H5 設計草稿。
預覽：按 Alt 鍵 + 單擊界面預覽區的控件，線上模拟操作效果；也可以單擊編輯區右上方的
，通過手機掃描二維碼預覽 H5 的實作效果。
下載下傳：開發完成後，單擊編輯區右上方的
，可以下載下傳 H5 包到本地進行功能調測。
▲ 圖 3 UI + 工具界面
UI + 工具入口放在這裡啦，還不趕緊上手體驗一把！
登入華為智能硬體合作夥伴平台，單擊右上角的“管理中心”。
在左側導航欄中選擇“産品開發”，單擊待開發的産品，進入産品開發流程。
選擇“互動設計 > 智慧生活 App > App 開發 > App 設計 > 線上開發”，進入 UI + 工具界面。
管理中心：
https://devicepartner.huawei.com/console/
更多詳細說明，可參考：
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-online-dev-0000001119759354
三、新增 H5 線下開發指導
官方文檔新增 H5 線下開發指導，内容概覽如下：
1.開發 UI 界面：
● H5 頁面控件開發：按照 UI 設計稿以及 Profile 檔案，完成頁面控件的開發。
● 暗黑模式适配：介紹如何基于暗黑模式（深色模式）進行适配，確定在不同的模式下顯示效果。
● 多端适配：介紹如何針對平闆和折疊屏的适配開發，保證在不同的終端上的顯示效果。
2.開發 H5 功能：
● 開發 H5 功能（Wi-Fi / Combo）：介紹如何按照 UI 設計檔案和 Profile 檔案，實作 H5 功能開發。
● 開發 H5 功能（BLE）：介紹藍牙 BLE 裝置如何按照 UI 設計檔案和 Profile 檔案，實作 H5 功能開發。
3.配置頁面與産品：
● 頁面配置：配置智慧生活 App 的界面圖和界面資訊。
● 産品配置：配置場景關聯、産品國際化、消息通知等功能。
4.調測 H5 功能：使用智慧生活 App Debug 版本在本地運作和調試 H5 項目。
5.上傳 H5 包并送出 UI 稽核：将 H5 項目打包上傳到 Device Partner 平台，并送出 UI 稽核。
更多詳細說明，可參考：
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-offline-process-0000001204484398