How to check the data structure using Swagger UI
You can check the API response by using Swagger UI.
In this tutorial, we will check the data structure of the extra column configured in the content structure.
1. Create content structure
On the Content structure page, click [Add] button at the top right.
Set an extra column for an image and create a new content structure referring to Content structure edit.
This time, we are setting as follows:
|Parent Item||No selection|
|Item settings||Image (upload to File manager)|
Save the ID of created group. (
7 in the case of the below picture)
2. Create a topic
On the topics list page, click [Add] at the top right.
Fill out referring to topics edit and click [Add].
Save the ID of the created topic. (
3 in the case of the below picture)
3. Create endpoint
Click [Add new endpoint] on the API list page.
This time, we create an endpoint with the following configuration:
|topics_group_id||Group ID of the structure of the content you have created(|
4. Check the structure of the extra column on Swagger UI
Click [Swagger UI] on the API list page.
Click the endpoint you have just created.
Click [Try it out].
Enter the topics ID which you saved on step 2 and click [Execute].
The data structure of
image which we set as extra column ID=1 is as follows:
"desc": "Kuroco logo",
- Image URL: details.ext_1.url
- Image description: details.ext_1.desc
You can check various data such as other extra columns and response of API endpoint in list format, in the same way, so please use it for building the front-end.
If you have any other questions, please contact us or check out Our Slack Community.