Create Custom Actions with API Connectivity

1. Log in to the Kuika platform and open the project you will work on from the Apps screen.
2. Go to the Data Sources module.
3. Add a new data source by clicking the + icon on the Sources tab.

4. Select the Swagger API option and enter a name (like KuikaSwaggerAPI ).
5. Click the CREATE button.
6. Enter the Swagger URL and Base URL:

• Swagger URL: https://builder3.kuika.com//KuikaSwaggerAPI/swagger/docs/v1
• Base URL: https://builder3.kuika.com/KuikaSwaggerAPI

7. Select No Auth as the authentication type. (If the API requires authentication, you can use Kuika Auth or API Key.)
8. Create the data source by clicking the CREATE button.

1. Create a list screen: Add a Table element to list product stocks.

2. Name the table columns: ID, Stock Code, Product Name, Barcode, etc.

3. Add Initial Action:
   
   • Click +ADD ACTION button from Properties panel.
   • Follow the path Initial Actions > Custom > Datasource.
   • Select Stock Get Product List From Rest action underRest heading.
4. Connect the table data source:
   
   • From the Properties panel, go to the Datasource menu.
   • Under theAction heading, select the Stock Get Product List From Rest action.

To bind data from the API to the table:

• ID Info: Select the Label element, select ID under Field to Display from the Properties > Value menu.
• Stock Code: Select the Label element, select Stock Code from the Field to Display menu.
• Product Name: Select the Label element, select Stock Name from the Field to Display menu.
• Barcode Info: Select the Label element, select Stock Barcode from the Field to Display menu.

• After making all the adjustments, click the Preview button.
• Check if the data from the API is correctly transferred to the table.

By creating custom actions with the API, you can make your Kuika applications more dynamic and data-driven. Thanks to the Swagger API integration, you can provide real-time data flow to your application and easily visualize the information coming from the API.

‍