On Form Submission - API Integration

In the competitive environment, responding faster and better, making smart use of data, and adopting efficient processes is of high importance. The lightweight microservices architecture enables incremental delivery of capabilities. These are basically what APIs are designed to do. With multiple services available for reuse you can integrate them with the no-code platform with necessary customization suited to your needs.

Let us first have a look at this video to understand how to use the different API services.

An API from Trello can be used to integrate the Trello board into your project plan, Slack can be used to send and receive messages, retrieve the user list, and so on. You can make use of different APIs to enhance the features of your applications. For our no-code platform, you can find a list of API services that are available under the API Tab while connecting a connector.

In this article, we will do Integration of Slack API for sending messages and carrying out our other API functionalities. We will be submitting and fetching requests through controls.*

Prerequisite

You should have the SLACK API connector integrated into your account and have the basic knowledge to work with API function calls respective to their different endpoints. You can learn about the integration and usage of various APIs in our community portal.
You should know how to add actions and bind data to various controls in DronaHQ Studio.

Fetch data through configured API

  1. Let us take a few controls such as text, dropdown, and an action button. Rename these controls as per your desire. We will be using text control to get input messages from the end-user of the app and the dropdown will have a list of user id data from the slack. The action button will be used to fire an event to send the message.

  2. Now we have to fetch the details of slack users using the Slack API which we have configured already. This data is supposed to be bound with the dropdown control. So, go to bind data of dropdown control and select connector > Slack.

  3. Select GetUserList endpoint.

  4. Do a refresh response in the next tab and bind the id and userName key to the columns of dropdown control.

  5. Do a test and finish.
    Now the details of users’ names and IDs are fetched and bound to the control.

Send data through configured API

The next part is to send messages from our app to slack users. This operation gets very simple using the SendMessage endpoint of the Slack API available in the studio.

  1. Go to Action > button_click of the button and add an action from the server-side action of the Slack connector in the actionflow.

  2. Select the SendMessage endpoint and then bind the keywords associated with dropdown and text control in Select User and Message respectively.

  3. Do continue > Finish.

Let’s preview our app.

Provide a message and select the user-id, to whom you want to send the message.

Click on Send Message and the Slack Bot will send the message to the selected user.