Test Twilio webhooks locally
This guide covers how to use pinggy.io to integrate your localhost app with Twilio by using webhooks. Twilio webhooks can be used to notify an external application whenever specific events occur in your Twilio account.
Step 1: Start Your App
Before we dive into the integration with Pinggy, make sure your local application is up and running.
Step 2: Launch Pinggy
Pinggy simplifies the process of creating a secure tunnel. Use the following command to set up a tunnel to your local development server:
Note: Replace the port 3000 in the command with the port where your local development server is running.
If you run the command with your specified port where your service is running, you will get an output similar to the following:
Step 3: Integrate Twilio
Now that you have your local environment on the internet, let’s configure Twilio to call your code.
-
Sign in to your Twilio account.
-
From the Twilio Console, go to Develop > # Phone Numbers > Manage > Active Numbers and select a number to add a webhook to.
-
At the bottom of the page, under Messaging, (1) add your pinggy url (don’t forget to append /sms) under Webhook and (2) change the type to HTTP Post.
- Save the phone number configuration.
Congratulations! You have successfully integrated Twilio with your local development environment.
Step 4: Test Your Integration
-
Send an SMS message to your Twilio Phone number that was configured in the steps above.
-
Check your local development environment to see if the message was received.
Congratulations! You got an end-to-end example working but there’s even more you can do with pinggy that will make development even easier.
To debug and inspect the requests made to your localhost app, you can leverage Pinggy’s Web Debugger. Keep the Web Debugger open, and when you receive the URL after starting the tunnel, visit the selected web debugger port on your local machine. This allows you to monitor and troubleshoot incoming requests, ensuring a smooth integration with Twilio.
