How to send email in nodejs

Today we are going to learn how to send email in node.js, If we are developer then each phase of development we need to implement email functionality in our website.

So in this post you’ll se how to send email in nodejs with SMTP and without SMTP , there is very cool module “nodemailer” available in npm to send email with smtp.
You can learn more about this module form here http://www.nodemailer.com

Lets start step by step…

Make sure that you have already setup nodejs environment with express framework.

Step-1: Create package.json file in root directory of your application.

package.json

{
  "name": "NodeJs-Emailer",
  "version": "0.0.1",
  "description": "NodeJs email form to send email using nodejs",
  "dependencies": {
    "nodemailer": "~0.7.0",
    "express": "~3.4.0",
    "body-parser": "~1.13.1"
  }
}

Step-2: Create index.html file and paste below html code & save it.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Send email in nodejs</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
<div class="panel panel-primary" style="width:50%;margin:0 auto; margin-top:10%">
<div class="panel-heading"><h3>Email Form In Node.Js</h3></div>
<div class="panel-body" style="height:40%; text-align:center;" >
<p class="bg-info" id="msg"></p>
 <form class="form-horizontal" role="form" id="emailForm" method="post">
  <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" name="email" placeholder="Enter email" required="required">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-sm-2" for="subject">Subject:</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="subject" placeholder="Enter subject" required="required">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-sm-2" for="description">Description:</label>
    <div class="col-sm-10">
      <textarea class="form-control" name="description" placeholder="Enter Description"></textarea>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button id="send" class="btn btn-primary btn-lg" type="button">
         <span class="glyphicon glyphicon-send" ></span> Send
      </button>
    </div>
  </div>
</form>
</div>
</div>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(function(){
  var fullUrl =  location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: '');
    $("#send").click(function(){      
      var formData = $("#emailForm").serialize();
      $("#msg").text("Email sending Please wait..");
                $.ajax({
                url: fullUrl+'/send',
                type: 'POST',
                data: formData,
                success: function(result) {
                                 $("#msg").empty().text(result);
                         },
                error: function(e) {
                                 $("#msg").empty().text("There is some error to send email, Error code:"+e.status +", Error message:"+e.statusText);
                       },
                dataType: "html",
                timeout: 60000
            });
    });
});
</script>
</body>
</html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Send email in nodejs</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> </head> <body> <div class="panel panel-primary" style="width:50%;margin:0 auto; margin-top:10%"> <div class="panel-heading"><h3>Email Form In Node.Js</h3></div> <div class="panel-body" style="height:40%; text-align:center;" > <p class="bg-info" id="msg"></p> <form class="form-horizontal" role="form" id="emailForm" method="post"> <div class="form-group"> <label class="control-label col-sm-2" for="email">Email:</label> <div class="col-sm-10"> <input type="email" class="form-control" name="email" placeholder="Enter email" required="required"> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="subject">Subject:</label> <div class="col-sm-10"> <input type="text" class="form-control" name="subject" placeholder="Enter subject" required="required"> </div> </div> <div class="form-group"> <label class="control-label col-sm-2" for="description">Description:</label> <div class="col-sm-10"> <textarea class="form-control" name="description" placeholder="Enter Description"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button id="send" class="btn btn-primary btn-lg" type="button"> <span class="glyphicon glyphicon-send" ></span> Send </button> </div> </div> </form> </div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script> $(function(){ var fullUrl = location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: ''); $("#send").click(function(){ var formData = $("#emailForm").serialize(); $("#msg").text("Email sending Please wait.."); $.ajax({ url: fullUrl+'/send', type: 'POST', data: formData, success: function(result) { $("#msg").empty().text(result); }, error: function(e) { $("#msg").empty().text("There is some error to send email, Error code:"+e.status +", Error message:"+e.statusText); }, dataType: "html", timeout: 60000 }); }); }); </script> </body> </html>

Step-3: Create app.js file in your folder and paste below server side code in app.js file.
Here i am using Hotmial SMTP to send emails you can use other mail server smtp like Gmail, Yahoo as your need.

Note: Currently app.js configured for simple email without SMTP. If you want to use SMTP then remove comment from SMTP section in app.js try to run app.js again.

app.js


var http=require('http');
var express=require('express');
var nodemailer = require("nodemailer");
var bodyParser = require('body-parser')
var app=express();
var port = Number(process.env.PORT || 5000);
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({
  extended: true
}));
 

app.get('/',function(req,res){
    res.sendfile('index.html');
});
 

app.post('/send', function(req, res){
if(req.body.email == "" || req.body.subject == "") {
  res.send("Error: Email & Subject should not blank");
  return false;
}

nodemailer.mail({
    from: "Node Emailer ✔ <[email protected]>", 
    to: req.body.email, 
    subject: req.body.subject+" ✔", 
    //text: "Hello world ✔", 
    html: "<b>"+req.body.description+"</b>" 
});
res.send("Email has been sent successfully");
 
   
 
    
});
 

var server = http.createServer(app).listen(port, function() {
console.log("Listening on " + port);
});

Step-5: Run

$ sudo npm install

on your terminal this will read all dependencies from package.json file and install them in your directory.

Step-6: Now finally open the terminal run command

$ node app.js

now you’ll see output like

Listening on 5000

this shows every thing is fine.
Finally time to check working url
http://your-hoostname:5000 hit on your browser if you are on localhost http://localhost:5000

You can see working demo by click on demo button and also download source code by download button.

Cheers Keep Coding 🙂

How to send email in nodejs

package.json

index.html

app.js

If you like this post please don’t forget to subscribe My Public Notebook for more useful stuff.

Related

Published by admin

package.json

index.html

app.js

If you like this post please don’t forget to subscribe My Public Notebook for more useful stuff.

Share this:

Related

Published by admin