The SendGrid Parse Webhook is a powerful tool with many use cases. Once setup, all incoming email for a domain or sub-domain is directed to your application. What you can do is endless, but it can be a bit tricky to grok if it is your first time.
In this tutorial, I am going to take away any confusion and show you how to setup your first SendGrid Parse API implementation.
Sometimes, it helps to have a full working example so I’ve created one for you. It’s built in Node.js, and you can find it on GitHub.
We are going to use it in this tutorial to speed up your learning process. It is also great for your hackathon toolbox where you need to move fast.
Begin by cloning the repository and changing into its directory.
$ cd sendgrid-parse-api-example
Next, setup your credentials.
Change the contents of .env to your username and password.
Run the app.
$ node app.js
Prepare a local tunnel
Using a local tunnel will save you a lot of time because you can test locally. My favorite choice is ngrok. Ngrok is a tool to tunnel our local server to the web. It’s necessary because the email is coming from the web–our personal email outbox on gmail, yahoo mail, or wherever. The alternative of deploying code to a live server is more time consuming.
$ unzip ngrok.zip -d /usr/local/bin
$ ngrok 3000
(instructions above are for a Mac. see the install instructions here for other operating systems.)
Setup SendGrid and MX Records
The next step can either take a 5 minutes or up to 48 hours.
The five minute approach
Set your SendGrid Parsing Incoming Emails setting. For the hostname put your-sendgrid-username.bymail.in. For the url put https://your-ngrock-url.ngrock.com/inbound. (The bymail.in address has already been setup with the mx.sendgrid.net MX record.)
The 48 hour approach
At a hackathon, the five minute approach makes sense. For production apps, you’ll want to run email through your own domain, where the MX records can take up to 48 hours to propagate. Set your SendGrid Parsing Incoming Emails setting with a hostname of your choice and with the url of https://your-ngrock-url.ngrock.com/inbound.
Now you have to configure an MX record on the hostname you set above to point to mx.sendgrid.net. It should look something like the following.
Wait 1-48 hours. This is the most discouraging part, but it is just the way the internet works. It can take up to 48 hours for MX records to propagate around the world.
Send an Email
From your personal email account send an email to email@example.com. The app you have running will intercept it, parse it, and deliver the contents back to you.
It could take up to 1 minute to arrive. The contents will look something like this.
Congrats you just learned how to setup the SendGrid Parse API!
You’ve done the hard work of getting the email into your application. You can now parse it however you wish.
Start customizing the code in routes/inbound.js. For example, save the body of the email to a database or trigger an event based on a keyword in the subject of the email. The logic is up to you. You can find some ideas of what you can do with the Parse API here.