為了更好地幫助開發者，官方文檔特意整理出“接入智慧生活App”專題。跟緊小編的步伐，趕緊來看看本次文檔更新內容~ ...
在HarmonyOS Connect生態產品應用開發過程中，很多開發者對於如何接入智慧生活App還存在一些疑問，如：如何選擇合適的開發方式、如何進行H5開發與調測等。
為了更好地幫助開發者，官方文檔特意整理出“接入智慧生活App”專題。跟緊小編的步伐，趕緊來看看本次文檔更新內容~
- 文檔中心-接入智慧生活App的開髮指導：
智慧生活App作為華為全場景智慧體驗的重要入口，可以實現華為自研設備與生態伙伴設備的統一管理。
圖1 智慧生活App
伙伴可以通過開發H5接入智慧生活App，為消費者帶來以下功能體驗：
- 設備添加：用戶可以通過智慧生活App快速發現設備並添加設備，簡單易用。
- 設備管控：用戶添加設備後，可以通過智慧生活App實現遠程式控制制設備、查看狀態、分類管理、共用設備、刪除設備等。
- 場景聯動：通過場景編排可以實現不同產品、不同功能的聯動，為用戶提供智慧化的場景體驗。
以上功能體驗的實現，讓智慧生活App變身成為消費者貼心的“私人管家”。不僅讓日常生活增添“智能”感，更是讓冰冷的機器提升了溫度。
一、新增智慧生活App H5開發方式選擇介紹
如此便捷好用的H5如何實現？本次文檔更新，新增了H5接入原理及開發方式選擇介紹。
1. 接入原理介紹
① 伙伴通過線上或線下方式開發H5，並上傳至Device Partner平臺。平臺會將H5開發包推送至HarmonyOS Connect雲。
② 消費者通過智慧生活App調用雲端的H5開發包，從而實現對設備的管理和控制。
圖2 H5開發接入原理
2. 開發方式選擇
智慧生活App的H5包支持線上開發與線下開發兩種方式，開發者伙伴可以根據下表的設備的使用範圍和能力差異來選擇：
選擇好適合的開發方式即可著手進行H5開發啦！
- 更多詳細說明，可參考：
下麵小編要為伙伴隆重介紹：本次文檔更新內容——線上界面設計工具（即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/
- 更多詳細說明，可參考：
三、新增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審核。
- 更多詳細說明，可參考：
希望本次文檔的更新內容，可以為大家帶來一定開發幫助。讓我們一起攜手構築更為智慧的全場景體驗吧~
