#nodemailer

En este artículo vamos a ver como enviar un email en nodejs, para lograr este objetivo vamos a hacer uso de un módulo llamado nodemailer

nodemailer

Instalar el módulo nodemailer

Creamos una carpeta en nuestro disco duro y le ponemos como nombre sendEmail, en esta agregamos un nuevo archivo llamado package.json

  { "name":"send-email", "version":"0.0.1", "dependencies":{ "express":"", "nodemailer": "*", "jade": "*" } }

Este archivo contiene el nombre y version de la aplicacion, ademas de las dependencias que necesitamos.

En este caso usamos el framework express, el módulo nodemailer para enviar el mail, y por último el template html jade

Para instalar las librerías ponemos el siguiente comando en la consola

npm install

Configurar, iniciar el servidor

Ponemos un nuevo archivo en la carpeta sendEmail , llamado app.js

app.js

var express = require('express') , path = require("path") , nodemailer = require("nodemailer") ; var app = express(); app.configure(function(){ app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(path.join(__dirname, '/public'))); }); app.get("/", function(req, res){ res.send("Hello world"); }); app.listen(8888, function(){ console.log("The server started in port 8888") });

En la primera parte del archivo usamos la función  require para llamar a las librerías que necesita la aplicación ( express, path, nodemailer)

en la configuración del servidor, definimos la ruta en la cual se encuentran los archivo jade   app.set('views', __dirname + '/views');

__dirname hace referencia a la ruta en la cual se encuentra el archivo que actualmente se esta ejecutando

después seteamos el template que vamos a utilizar ( “jade”)

También usamos bodyParser() para poder recibir los datos que nos envía el formulario mediante el objeto req

por último indicamos la ruta en la cual se encuentra los archivos públicos de la aplicacion ( css , javscript)

Creamos un router que responde a la dirección raíz de nuestro servidor y que por el momento muestra una cadena de texto

al final del archivo configuramos que el servidor escuche peticiones al puerto 8888 y pasamos un mensaje a la consola cuando se inicie

ejecutamos este comando en la consola 

node app.js

para probar el funcionamiento del servidor nos dirigimos a esta dirección en el navegador

http://localhost:888

si todo esta correcto el navegador nos muestra la cadena “hello world”

Crear formulario en index.jade

Agregamos una nueva carpeta llamada views, en la cual ponemos el siguiente archivo

index.jade

doctype 5 html head title Send email in node js link(rel='stylesheet', href='//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css') link(rel="stylesheet", href="/css/styles.css") body .container#wrapper .span10 h2 Ingresa tu email form(action="/sendemail", method="post") input(type="text", name="email", id="input-email") br button(class="btn btn-primary") Enviar

En jade solamente es necesario poner el nombre de las etiquetas html, los signos < > se omiten.

Es importante que el código se encuentre indentado por tabs o por espacios,  si se mezclan los diferente estilos jade nos va a mostrar un error.

En el header hacemos una llamada a la librería css bootstarp y a nuestro propio estilo “css/styles.css ” ( más adelante vamos a crearlo )

el el body usamos un div con la clase container, el cual centra el contenido al centro de la página.

El formulario tiene como valor del atributo action la ruta que se va a encargar recibir esta petición usando el método post

Creamos estos directorios en la raíz de la aplicación “public/css” y le agregamos un archivo llamado styles.css, que realiza algunas ligeras modificaciones a la página

styles.css

body{ background: #F0FCF9; color: grey; } #wrapper{ margin-top: 20px; } #input-email{ width: 70%; margin-top: 16px; padding: 8px; }

Para poder ver el formulario modificamos el router siguiente

app.get("/", function(req, res){ res.render("index"); });

el método render toma como parámetro el archivo jade que se va a mostrar. Como se puede apreciar no es necesario poner el tipo de extensión del archivo, ni la carpeta que lo contiene ya que estos datos están definidos en la configuración de la aplicación

app.set('views', __dirname + '/views');

app.set('view engine', 'jade');

Si reiniciamos el servidor y nos dirigimos a http://localhost:8888, nos muestra el formulario anteriormente creado

apagar servidor => ctrl+d

iniciar servidor => node app.js

  Responder al formulario y validar email

En app.js ponemos lo siguiente

app.post("/sendemail", function(req, res){ var email = req.body.email; if( /(.+)@(.+){2,}\.(.+){2,}/.test(email) ){ res.send("Enviar email") } else { res.send("El email no se valido Volver") } }); });

En el cuerpo de la function anonima usamos un condicional if para validar el valor del email ingresado por el usuario.

Creamos una expresión regular  => /(.+)@(.+){2,}\.(.+){2,}/ , que utiliza el método test para chequear la variable email.

este condicional nos devuelve un valor booleano ( true o false ). por el momento solo mostramos una cadena como respuesta

Enviar el email con nodemailer

En caso de que el if declarado anteriormente nos de verdadero vamos a enviar el email de esta manera

if( /(.+)@(.+){2,}\.(.+){2,}/.test(email) ){ var smtpTransport = nodemailer.createTransport("SMTP",{ service: "Gmail", auth: { user: "youremail", pass: "yourpass" } }); var mailOptions = { from: "my site<[email protected]>", // sender address to: email, // list of receivers subject: "This is the subject", // Subject line html: "Este es un email enviado en node js" // html body } smtpTransport.sendMail(mailOptions, function(error, response){ if(error){ res.send("ocurrio un error, intentalo mas tarde"); }else{ res.send("email enviado con exito") } }); }else { res.send("El email no se valido Volver") }

Configuramos el tipo de transporte que vamos a utilizar( “SMTP”) en el método createTransport que toma como segundo atributo un objeto con los datos, el nombre del servicio “Gmail” y los datos de nuestra cuenta

En la variable mailOptions creamos un objeto con las opciones del mail,

la propiedad to toma como valor el destinatario del email, pueden ser varios valores separado por una coma o un array de estos

html contiene el cuerpo del email que vamos a enviar , como se ve mostramos solo una cadena de texto

El método sendMail del objeto smtpTransport es el que se encarga de enviar el mail, toma como primer parámetro el objeto que definimos en la sección anterior y un callback que responde con un mensaje correspondiente si se pudo enviar o no el email