There are multiple steps to follow for setting up a successful webhook.
Set up a simple web server
For this example, we'll set up and use our own web server to POST to. Our server will have a single endpoint, that simply returns a message to our bot.
Python
The example server below is running Python through Flask. Upon receiving the webhook payload, the server will respond by returning a simple message.
1
from flask import Flask, jsonify
2
โ
3
app = Flask(__name__)
4
โ
5
โ
6
@app.route('/kindly', methods=['POST'])
7
defget():
8
response ={
9
'reply':'Hello from server!',
10
}
11
โ
12
return jsonify(response)
Copied!
When running the script above, the server will run on localhost, with port 9000
Node
The example server below is running on Hapi. Upon receiving the webhook payload, the server will respond by returning a simple message.
1
const Hapi =require("hapi");
2
โ
3
const server = Hapi.server({
4
host:"0.0.0.0",
5
port:9000
6
});
7
โ
8
server.route({
9
method:"POST",
10
path:"/kindly",
11
handler:()=>({
12
reply:"Hello from server!"
13
})
14
});
15
โ
16
server.start();
Copied!
When running the script above, the server will run on localhost, with port 9000
Set up ngrok
To test our newly configured server, we'll need to serve the script through ngrok. Ngrok is necessary for Kindly to communicate with our development machine (localhost), using it makes it a lot faster to develop, test and prototype new integrations and webhooks.
Follow the link above to set up ngrok on your machine.
When ngrok is set up, we need to point it to the port on which our server is running. This can be acheived with the following command ./ngrok http 9000. Note that this needs to be done inside the folder you installed ngrok.
If the command is successful, something similar to the following will be visible in our terminal.
When our server is set up, and ngrok is running, we need to create a new dialogue and paste in the address we want to POST to.
In the Build section, navigate to a dialogue, then Output, and under Advanced features paste in the address ngrok provided. In my case, I would paste in http://725a9731.ngrok.io.
Webhook URL
Be sure to include the endpoint path in the URL which we used in our server - /kindly - to get the correct response.
Trigger webhook
Now we're ready to test our webhook through the chat bubble, by triggering the dialogue we created earlier. If everything is set up correctly, the bot will respond with our message.
Webhook test
Inspect response
When the dialogue is triggered, and the response is received, we can inspect the response in the debug console. The object created in the console will give us a detailed overview of the payload sent, and received.
Webhook console
Examples
Check out this example for a complete webhook app.