Backbench Docs
  • Introduction
  • Getting Started
    • BBLANG
    • Node
    • Python
    • Go
  • Backbench Features and UI workflow
  • API Reference
    • BBLANG
    • Node
    • Python
    • Go
  • 3rd Party Integrations
    • Login using Facebook
    • Login using Google
    • Login with Twitter
    • Login using LinkedIn
    • Connection with MongoDB
    • Connection with MySQL
    • Geo Location Integration
    • Integration with AWS S3
    • Integration with Google Cloud Storage
    • Integration with Razorpay
    • Integration with Stripe
    • Integration with Mailchimp
    • Integration with Segment
    • Sending Emails with SendGrid
    • Sending Emails with Mailgun
    • Sending SMS with Twilio
    • Sending Push Notification with Pushwoosh
  • Troubleshooting and support
    • CNAME Support
    • FAQS
    • Error Codes
  • Testing
Powered by GitBook
On this page
  • What You'll Need
  • Prerequisites for the app
  • Frontend
  • Adding Dependencies
  • Backend
  1. 3rd Party Integrations

Sending Emails with SendGrid

PreviousIntegration with SegmentNextSending Emails with Mailgun

Last updated 6 years ago

What You'll Need

Backbench account - , the personal account will always remain free to use.

A SendGrid account, sign up for free to send up to 40,000 emails for the first 30 days.

Prerequisites for the app

  1. Sign In to Backbench account.

  2. Select +, in the upper right corner to create a Bench. For example, say "bench_one" and select CREATE or hit Enter.

Frontend

  1. Select +, in the upper right corner of file manager to create a html file. For example, say "index.html" and select CREATE or hit Enter.

  2. Copy and paste the code module from below.

  3. Select save.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>mail service</title>
</head>
<body>
<div id="contact">
    <h1>Send an email</h1>
    <form action="/sg" method="post">
        <fieldset>
            <label for="from">From:</label>
            <input type="text" id="from" name="from" placeholder="From email_id" />

            <label for="Toemail">Email:</label>
            <input type="email" id="email" name="email" placeholder="Enter your email address" />

            <label for="subject">subject:</label>
            <input type="subject" id="subject" name="subject" placeholder="subject" />

            <label for="message">Message:</label>
            <textarea id="message" placeholder="Message" name="message"></textarea>

            <input type="submit" value="Send message" />
        </fieldset>
    </form>
</div>
</body>
</html>

Adding Dependencies

For nodejs only.

  1. Create a module name package.json and paste following code.

package.json
{
   "dependencies":{
      "sendgrid":"1.3.1"
   }
}

Backend

  1. Select +, in the upper right corner to create a Module. For example, say "Send_email.js" and select CREATE or hit Enter.

  2. Copy and paste the code module from below.

  3. Replace an API key from SendGrid setting section (create a new api key using create button).

  4. Select save.

Send_email.js
var helper = require("sendgrid").mail;


module.exports.endpoint = function(req, cb) {
    var fromEmail = new helper.Email(req.body.from);
    var toEmail = new helper.Email(req.body.email);
    var subject = req.body.subject;
    var content = new helper.Content("text/plain", req.body.message);
    var mail = new helper.Mail(fromEmail, subject, toEmail, content);

    var sg = require("sendgrid")("YOUR_API_KEY");
    var request = sg.emptyRequest({
        method: "POST",
        path: "/v3/mail/send",
        body: mail.toJSON()
    });


    sg.API(request, function(error, response) {
        if (error) {
            console.log("Error response received");
        }
        console.log(response.statusCode);
        console.log(response.body);
        console.log(response.headers);
        cb(undefined, {
            status: "sucessfully sent"
        });
    });
};
template:mailhome()->{ 
'<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>mail service</title>
</head>
<body>
<div id="contact">
    <h1>Send an email</h1>
    <form action="/sg" method="post">
        <fieldset>
            <label for="from">From:</label>
            <input type="text" id="from" name="from" placeholder="From email_id" />

            <label for="Toemail">Email:</label>
            <input type="email" id="email" name="email" placeholder="Enter your email address" />
            
            <label for="subject">subject:</label>
            <input type="subject" id="subject" name="subject" placeholder="subject" />

            <label for="message">Message:</label>
            <textarea id="message" placeholder="Message" name="message"></textarea>

            <input type="submit" value="Send message" />
        </fieldset>
    </form>
</div>
</body>
</html>'
}
  
sendMail:handler(req) => {
 bb:http:post({
        url: "https://api.sendgrid.com/v3/mail/send ",
         auth:{
        bearer:"API_KEY"
           },
     
        Headers :{
        Content_Type: "application/json"
        },
        
       
        json:{
             "personalizations":
             [{"to": [{"email": "example@123.com"}]}],
             "from": {"email": "emaple@123.com"},
             "subject": "Hello, World!",
             "content": [{"type": "text/plain", "value": "Heya!"}]
        }
    });

   
  bb:log("mail sucessfully sent");
 return ("mail sucessfully sent");

}
Sign Up