Cómo enviar un correo electrónico usando JavaScript?

JavaScript es un lenguaje de programación web que hace que nuestras páginas web y aplicaciones web interactieran al darles la capacidad de pensar y actuar. Smtp.JS (Protocolo de transferencia de correo simple) es una biblioteca JavaScript que nos ayuda a enviar datos o en nuestro caso Correo electrónico a un servidor específico. Sin embargo, debe tenerse en cuenta que solo se usará para enviar correos electrónicos para que solo funcione con extrovertido correos electrónicos. En esta publicación, veremos cómo enviar un correo electrónico usando JavaScript y con la ayuda de SMTP lograremos nuestro objetivo.

Precolios

Hay dos cosas que necesita antes de comenzar a codificar. Primero, debe cambiar la configuración de la cuenta de Gmail que utilizará para enviar un correo electrónico, como si se configura la autenticación de 2 pasos en su cuenta de Gmail, luego lo revoque y luego permita que las aplicaciones menos seguras accedan a Gmail que podemos lograr visitando el Página de configuración de gmail.

Encienda aplicaciones menos seguras:

Enviar correo electrónico usando JavaScript

Html: Primero diseñaremos la estructura de nuestra aplicación web. Para esa copia o escriba el código HTML en su editor favorito.

En el código anterior, utilizamos las etiquetas de entrada de HTML para definir los cuadros de entrada para el correo electrónico del remitente y la contraseña y el correo electrónico del receptor. Aparte de eso, también definimos un botón que dice Enviar correo electrónico e inició un oyente de eventos que escuchará continuamente el hacer clic evento que significa cada vez que un usuario hace clic en el Enviar correo electrónico botón enviar correo() la función comenzará a ejecutar. Todos los campos de entrada se colocan en un forma etiqueta que tiene un método de publicación y el nombre de Forma. Usaremos este nombre para obtener los valores de los campos de entrada de este formulario.

Al final, usamos el guion Etiqueta para incluir el protocolo SMTP y luego otra etiqueta de script para hacer referencia al archivo JavaScript (código.js) que tiene la función enviar correo().

Javascript: En JavaScript, iniciamos el enviar correo() función y luego almacenó todos los valores de los campos de entrada definidos en HTML. Logramos esta tarea haciendo referencia a los campos de entrada con el nombre que se les dio anteriormente en HTML.

Después de obtener todos los valores, enviaremos el correo electrónico utilizando estos valores. Si el proceso de enviar un correo electrónico es exitoso, veremos una alerta sobre Correo electrónico enviado correctamente.

función sendmail ()
// Obtener valores de los campos de entrada
Var remitente = formulario.remitente.valor;
contraseña de VAB = formulario.contraseña.valor;
receptor var = formulario.receptor.valor;
contenido var = formulario.contenido.valor;
// Enviando correo electrónico
Correo electrónico.enviar(
Anfitrión: "SMTP.gmail.com ",
Nombre de usuario: remitente,
Contraseña: contraseña,
Para: receptor,
De: remitente,
Asunto: "Verifique el envío del correo electrónico",
Cuerpo: contenido,
).luego (función (mensaje)
alerta ("correo electrónico enviado correctamente")
);

Complete todas las credenciales requeridas y luego haga clic en el Enviar correo electrónico botón:

Ahora vaya a su cuenta de Gmail y verá que ha recibido un correo electrónico:

Conclusión

JavaScript es un lenguaje de programación en el que podemos desarrollar y diseñar páginas web. La biblioteca SMTP en JavaScript es un mecanismo de transferencia de correo simple que se utiliza para enviar correos electrónicos. En esta publicación, respondimos a la pregunta de cómo enviar correo electrónico usando JavaScript definiendo primero nuestra estructura de aplicaciones web usando HTML, y luego pasamos a JavaScript para implementar la funcionalidad adecuada.