Como enviar um e -mail usando JavaScript?

JavaScript é uma linguagem de programação da web que torna nossas páginas da web e aplicativos da web interativos, dando -lhes a capacidade de pensar e agir. Smtp.JS (Simple Mail Transfer Protocol) é uma biblioteca JavaScript que nos ajuda a enviar dados ou em nosso caso email para um servidor específico. No entanto, deve -se ter em mente que ele só será usado para enviar e -mails para que funcione apenas com extrovertido e -mails. Nesta postagem, veremos como enviar um email usando JavaScript e com a ajuda do SMTP, alcançaremos nosso objetivo.

Pré -quiresites

Há duas coisas que você precisa antes de começarmos a codificar. Primeiro, você deve alterar as configurações da conta do Gmail que você usará para enviar um email, como se a autenticação de duas etapas for configurada na sua conta do Gmail e depois a revogue e permitir que aplicativos menos seguros acessem o Gmail, o que podemos alcançar ao visitar o Página Configurações do Gmail.

Ative aplicativos menos seguros:

Enviando e -mail usando JavaScript

Html: Vamos primeiro projetar a estrutura do nosso aplicativo da web. Para essa cópia ou digite o código HTML em seu editor favorito.

No código acima, usamos as tags de entrada do HTML para definir caixas de entrada para o email do remetente e a senha e o email do receptor. Além disso, também definimos um botão que diz Enviar email e iniciou um ouvinte de evento que ouvirá continuamente o clique evento que significa toda vez que um usuário clica no Enviar email botão enviar correio() A função começará a executar. Todos os campos de entrada são então colocados em um forma tag que tem um método de postagem e o nome de Forma. Usaremos esse nome para obter os valores dos campos de entrada deste formulário.

No final, usamos o roteiro tag para incluir o protocolo SMTP e depois outra tag de script para fazer referência ao arquivo javascript (código.js) que tem a função enviar correio().

JavaScript: Em JavaScript, iniciamos o enviar correio() função e depois armazenou todos os valores dos campos de entrada definidos em html. Realizamos essa tarefa referenciando os campos de entrada com o nome que eles receberam anteriormente em html.

Depois de obter todos os valores, enviaremos o email usando esses valores. Se o processo de envio de um email for bem -sucedido, veremos um alerta de E-mail enviado com sucesso.

função sendmail ()
// obtendo valores de campos de entrada
var remeter = formulário.remetente.valor;
VAR senha = formulário.senha.valor;
var receptor = formulário.Recievador.valor;
VAR conteúdo = formulário.contente.valor;
//Enviando email
E-mail.enviar(
Anfitrião: "SMTP.Gmail.com ",
Nome de usuário: remetente,
Senha: senha,
Para: receptor,
De: remetente,
Assunto: "Verifique o envio de e -mail",
Corpo: conteúdo,
).então (function (mensagem)
Alert ("Email enviado com sucesso")
);

Preencha todas as credenciais necessárias e clique em Enviar email botão:

Agora vá para sua conta do Gmail e você verá que recebeu um email:

Conclusão

JavaScript é uma linguagem de programação na qual podemos desenvolver e projetar páginas da web. A biblioteca SMTP em JavaScript é um mecanismo de transferência de correio simples que é usado para enviar e -mails. Nesta postagem, respondemos à pergunta de como enviar email usando JavaScript, definindo primeiro nossa estrutura de aplicativos da web usando HTML e depois passamos a JavaScript para implementar a funcionalidade adequada.