Publish
After you configure components in the mobile application editor, you must publish the application to the cloud. This topic describes how to publish the application for use.
Prerequisites
You have built a visualized mobile application UI.
Step 1: Preview and debug
-
In the mobile application editor, click Preview in the upper-right corner of the page to view and debug the appearance of the components.
-
On the right side of the application preview page, select a device model from the Select Phone Model drop-down list.
-
Scan the QR code with your mobile phone to debug the application.
The preview page displays the application UI on the left. On the right, you can select a device model and find a QR code for on-device testing.
Step 2: Publish
-
In the mobile application editor, click the Settings icon
in the leftmost navigation bar and add a domain name on the Domain Name Management tab. -
In the leftmost navigation bar, click the Page icon
, and then click the publish icon 
in the upper-right corner of the page. -
Click OK.
-
(Optional) Configure application authentication. For more information, see Application Authentication.
After you enable account or token authentication, only users who sign in with an account or use token signing can access the application.
-
Go to the IoT Studio > Application Development page or your project's Homepage, and click the Mobile Application tab. In the Actions column for your application, click published URL to view and copy its URL.
The pop-up also displays a QR code. Scan it with your phone to access the published mobile application.
Result
On a supported mobile device, paste the application URL into a browser to access and use the application.
This application is an IoT smart home UI for monitoring indoor temperature. The top section displays a floor plan showing the locations of devices such as Air purifier, Air conditioner, and Bedroom light. In the middle, you can switch between the Living room Temp&Humi, Bedroom Temp&Humi, and Kitchen Temp&Humi tabs to view temperature, humidity, and PM2.5 data for each room, along with a bar chart of historical trends. The bottom section shows the online status and provides on/off controls for devices such as Bedroom light, Living room light, Air conditioner, and Air purifier.
For information about mobile device compatibility, see Mobile Phone Compatibility Description.