IT House April 26 news, according to HuaweiHongmengpublished in HarmonyOS During the application development process of Connect ecological products, many developers still have some questions about how to access the smart life app, such as: how to choose the appropriate development method, how to develop and debug H5, etc.
In order to better help developers, the official document specially organizes the topic “Accessing Smart Life App”.
Documentation Center-Development guidance for accessing the Smart Life App:
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445
The Smart Life App is an important entry point for Huawei’s all-scenario smart experience.It can realize unified management of Huawei’s self-developed equipment and ecological partner equipment.
▲ Figure 1 Smart Life App
Partners can develop H5 access smart life apps to bring the following functional experiences to consumers:
-
Device addition: Users can quickly discover and add devices through the Smart Life App, which is simple and easy to use.
-
Device control: After users add devices, they can remotely control devices, view status, manage by category, share devices, delete devices, etc. through the Smart Life App.
-
Scenario linkage: Through scenario arrangement, the linkage of different products and different functions can be realized, providing users with an intelligent scenario experience.
1. Introduction to the selection of new smart life App H5 development methods
How to achieve such a convenient and easy-to-use H5? In this document update, the introduction of H5 access principle and development method selection has been added.
1. Introduction of access principle
① Partners develop H5 online or offline and upload it to the Device Partner platform. The platform will push the H5 development package to the HarmonyOS Connect cloud.
② Consumers call the H5 development kit in the cloud through the Smart Life App to manage and control the device.
▲ Figure 2 H5 development access principle
2. Development method selection
The H5 package of the Smart Life App supports online development and offline development. Developer partners can choose according to the scope of use and capability differences of the devices listed in the table below:
After choosing a suitable development method, you can start H5 development!
For more details, please refer to:
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445
The following is a grand introduction for our partners: the content of this document update – the introduction of online interface design tools (ie UI + tools).
2. Introduction of new online interface design tools (ie UI + tools)
1. UI + Tool Features Introduction
UI + Tools has the following features:
Automatic interface generation: According to the object model definition, the operation interface that conforms to the design specification can be automatically generated.
Reduce the review process: Design drafts generated by UI + tools do not need to be submitted for review.
Developers can adjust and arrange online according to their needs, and quickly achieve the desired interface effect, which greatly improves the online development efficiency of H5!
2. UI + tool function introduction
The UI + tool interface consists of an editing area and a preview area (including equipment display area, information display area, functional area, etc.), which mainly provide the following functions:
Edit: Click the device display area, information display area or functional area to arrange in the editing area on the right. Adjust editing operations with real-time preview effects to quickly achieve the desired page.
Save: Click on the top right of the editing area
you can save a draft H5 design.
Preview: Press the Alt key + click the controls in the preview area of the interface to simulate the operation effect online; you can also click the upper right of the editing area
and preview the effect of H5 by scanning the QR code with your mobile phone.
Download: After the development is complete, click on the upper right of the editing area
you can download the H5 package to the local for functional debugging.
▲ Figure 3 UI + tool interface
The UI + tool entrance is here, so hurry up and experience it!
① Log in to the Huawei Smart Hardware Partner Platform, and click Management Center in the upper right corner.
② Select “Product Development” in the left navigation bar, click the product to be developed, and enter the product development process.
③ Select “Interaction Design > Smart Life App > App Development > App Design > Online Development” to enter the UI + tool interface.
control center:
https://devicepartner.huawei.com/console/
For more details, please refer to:
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-online-dev-0000001119759354
3. Added H5 offline development guidance
The official document has added H5 offline development guidance. The content overview is as follows:
1. Develop UI interface:
● H5 page control development: complete the development of page control according to UI design draft and Profile file.
● Dark Mode Adaptation: Introduces how to adapt based on dark mode (dark mode) to ensure the display effect in different modes.
● Multi-terminal adaptation: Introduce how to adapt development for tablet and folding screen to ensure the display effect on different terminals.
2. Develop H5 functions:
● Develop H5 functions (Wi-Fi / Combo): Introduce how to develop H5 functions according to UI design files and Profile files.
● Develop H5 function (BLE): Introduce how Bluetooth BLE devices implement H5 function development according to UI design files and Profile files.
3. Configure pages and products:
● Page configuration: configure the interface diagram and interface information of the Smart Life App.
● Product configuration: Configure functions such as scene linkage, product internationalization, and message notification.
4. Debug H5 function: Use the Smart Life App Debug version to run and debug the H5 project locally.
5. Upload the H5 package and submit it for UI review: Package the H5 project and upload it to the Device Partner platform and submit it for UI review.
For more details, please refer to:
https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-offline-process-0000001204484398
.
[related_posts_by_tax taxonomies=”post_tag”]
The post Huawei updates the HarmonyOS HarmonyOS ecological product “Access to Smart Life App Development Guide” (official version) appeared first on Gamingsym.