Create a component
Before you develop a component, you must create one and define its name, type, and feature description. This information helps guide developers after the component is published. This topic describes how to create a component in the component development workbench.
Create a new component
On the App Development page, in the Development Tools section, click Component Development.
On the Component Development > My Components tab, click Create Component.
In the Create Component dialog box, set the basic information for the component.
Parameter
Description
Component name
Enter a custom name for the component. Use a name that is easy to identify.
The name can contain Chinese characters, letters, digits, underscores (_), hyphens (-), and parentheses (()). It must start with a Chinese character, a letter, or a digit. The name can be up to 30 characters long. A Chinese character counts as a single character.
NoteThe component name can be changed after the component is created.
Component type
Select the application type for the new component.
Web: For web visualization development
Mobile: For mobile visualization development
NoteThe component type cannot be changed after the component is created.
Description
Enter a description of the component's purpose. This description is displayed in the component preview.
Click OK.
After the component is created, you are redirected to the IoT Studio Component Development page to start developing your new custom component. For more information, see Develop a custom component.
View the component list
On the Component Development > My Components page, you can view a list of your created components and their information.
You can enter keywords in the search box to find or filter for a component.
Find the target component. In the Actions column, click the required operation.
Operation |
Description |
Preview |
View how the component is displayed. This feature is available only after you upload the component code package. |
Develop |
Go to the IoT Studio Component Development page and develop the component according to the on-screen instructions. |
Delete |
Delete a component that is in development.
Important
If a component is published, the delete feature is no longer available. |
Published Versions |
View the component's publication history. You can Download Code Package and Preview the versions. This feature is available only for components that have been published. |
What to do next
After you create the component, you can develop its properties and features. For more information, see Develop a custom component.