JSON-IoT Studio(IoT Studio)-阿里云帮助中心

The JSON component lets you input JSON data and automatically validates the format. This topic describes how to configure this component.

Step 1: Add the component

Create a web application. For more information, see Create a web application.
In the web application editor, click the component icon on the far left.
In the search box above the component list on the left, enter JSON to find the component, then drag it to the canvas.

For more information about adding components, see Add a component.
In the component panel's search box on the left, enter JSON, find the JSON component in the basic component section, and drag it to the canvas. After dragging the component, configure its position, size, and placeholder text (for example, Please enter JSON data...) in the properties panel on the right.

In the Style tab on the right, set the font size, placeholder text, and default value.
Adjust the component's position on the page. For more information about general component style settings, see Configure styles.

Select the component's Interaction tab to configure events and interaction actions. For detailed instructions, see Interaction configuration.
For example, if the JSON input is invalid, you can configure an Open link action that directs users to formatting instructions.
Click Preview in the upper-right corner of the page to view and debug the component's data and style.