Learn more about apps and implementing a page of contacts on the site. Read more about "Connot Post / contato_site". Tenho has seguinte estrutura

src /
backend
mailer
index.js
index.js
components
Contato.js
app.js

backend / mailer / index.js

import nodemailer from & # 39; nodemailer & # 39;

const transport = nodemailer.createTransport ({
host: & # 39; mail.site.net.br & # 39;
port: 465,
secure: true, // true for 465, false for 587
auth: {
user: 'contato_site @ site', // generated ethereal user
pass: & # 39; marc34 & # 39; // generated ethereal password
}
tls: {
refusUnauthorized: true
}
});

const send = ({email, name, text}) => {
const of = name && email? `$ {name} <${email}>`:` $ {name || email} `
const message = {
of,
to: & # 39; contato_site@site.com & # 39 ;,
topic: `New message from $ {from} to create-contact-forms-with-nodemailer-and-react`,
text,
replyTo: from
};

return a new promise ((solve, reject) => {
transport.sendMail (message, (error, info) =>
Fault ? reject (error): solve (info)
)
})
}

default export send

backend / index.js

import & # 39; babel-polyfill & # 39;
import express from & # 39; express & # 39;
import bodyParser from & # 39; body-parser & # 39;

import the mail from & # 39; ./ mailer & # 39;

const app = express ()
app.use (bodyParser.json ());
app.use (bodyParser.urlencoded ({extended: true}));

app.get (*, #, (req, res) => {
res.send (& # 39; The server is running. Send a message to "/ contato_site" to send a message.
})

app.post (& # 39; / contato_site & # 39 ;, (req, res) => {
const {email = ", name =", message = "=======================================

mailer ({email, name, text: message}). then (() => {
console.log (`Sent the message" $ {message} "from <${name}> $ {email} .`);
res.redirect (& # 39; / # success & # 39;);
}). catch ((error) => {
console.log (`Can not send message" $ {message} "from <${name}> $ {email} with the error $ {error && error.message} `);
res.redirect (& # 39; / # error & # 39;)
})
})

const PORT = process.env.PORT || 4000;

app.listen (PORT, () => {
console.log (`App listens on the port $ {PORT}!`);
})

components / Contato.js

import React from "react" & # 39;

// Importanto Imagens
import bg picture of ../images/bgimage_m.jpg & # 39;
// import mapa from .. / images / map.png & # 39;

const Contato = props => {

return (
        

            

                

                    

                        

                            
                            
                            
                            {/ *Know us* /}
                            
contato
                        
                    
                
            

            

                

                    

                        

                            
contato
                            
                        

                            
                            
                            
                            {/ *

                                
                            
* /}
                            

                                

                                    

                                        Name Completo
                                        
                                    
                                
                                

                                    

                                        Telefone
                                        
                                    
                                
                                

                                    

                                        E-mail
                                        
                                    
                                
                                

                                    

                                        Mensagem
                                        
                                    
                                
                                

                                    

                                        
                                    
                                
                            
                        
                    
                
            
        
    
    
    
    )
}

default export Contato

app.js

import React to 'react';
import {BrowserRouter, Route} from & # 39; react-router-dom & # 39;


to import Cabecalho from "./ componentes / Cabecalho & # 39;
import Inicio from "./ componentes / Inicio & # 39; ./ componentes / Inicio & # 39;
Institucional import of "./ componentes / Institucional & # 39 ;;
import Sober from "./ componentes / Sobre";
Import Contato from & # 39; / componentes / Contato & # 39 ;;
import customers from './ componentes / clients';

App () {function
return (
    
      

        

          
          
        
      
    
  
  
  
  )
}

default export App;