‫-: Então, vamos agora usar o serviço Sendgrid
‫para enviar e-mails reais para caixas de entrada de e-mail reais.
‫Em vez de nossa caixa de entrada de desenvolvimento no Mailtrap.
‫E então, vamos abrir uma nova
‫aba aqui e procurar Sendgrid e então está aqui,
‫SendGrid. com
‫Tudo bem, então podemos testá-lo gratuitamente.
‫Isso terá alguns limites,
‫mas você ainda pode criar uma conta
‫gratuita da qual poderá enviar cerca de cem e-mails por dia.
‫Tudo bem, então vá em frente e crie sua conta aqui e
‫quando estiver pronto, volte a este vídeo.
‫Ok, e depois de criar sua conta,
‫você deve ver
‫seu painel que deve ser parecido com este, certo?
‫Então, você vê que há uma tonelada de coisas aqui no lado esquerdo, você
‫pode escolher como modelos, você pode ver todos
‫os tipos de estatísticas sobre os e-mails que está enviando.
‫E realmente, há uma tonelada de
‫configurações que você também pode definir aqui, certo?
‫Mas, por enquanto, o que
‫nos interessa é o Guia de Configuração.
‫OK?
‫Portanto, aqui no canto superior esquerdo do seu painel, você
‫deve ter este menu aqui,
‫onde então queremos clicar no Guia de configuração.
‫Agora, se a página no momento em que você
‫está assistindo este vídeo
‫parece um pouco diferente, você também pode encontrar o link Guia de
‫configuração em algum lugar aqui.
‫E neste caso aqui no lado da visão.
‫Então, vamos abrir isso e agora o que queremos
‫fazer é integrar usando nossa API Web ou retransmissão SMTP, certo?
‫E você também pode integrar
‫facilmente Sendgrid em Wordpress ou Drupal ou algo parecido.
‫Mas é claro, não é isso que queremos.
‫Portanto, aqui queremos a primeira opção
‫e, em seguida, queremos o SMTP Relay.
‫Porque é disso que precisamos
‫se quisermos usar o
‫node mailer e criar um transporte com ele.
‫E isso é exatamente o
‫que estamos fazendo e escolhemos este.
‫Por outro lado, também
‫poderíamos usar a API Sendgrid simples de
‫usar e, então, escolheríamos essa forma.
‫Mas, novamente, com o node mailer, precisamos escolher
‫esta opção aqui.
‫E daí é muito fácil.
‫Portanto, aqui só precisamos criar uma chave de API com algum nome.
‫E esse nome não é realmente relevante,
‫então vamos chamá-lo de "natours".
‫Criar chave.
‫E agora, para configurar ou transportar um node
‫mailer, tudo o que precisamos é realmente esse nome de usuário e essa senha.
‫Então, vamos adicionar esses dois ao nosso arquivo de configuração para que eu copie
‫a senha e o nome de usuário seja "apikey. "Então, config.
‫env e tudo o que está relacionado a e-mails,
‫vamos colocar isso aqui.
‫Portanto, SENDGRID USERNAME
‫está
‫muito bom.
‫E Sendgrid PASSWORD
‫é esta.
‫E mais uma vez eu realmente
‫peço a você para criar sua própria conta e sua própria
‫chave de API e senha em vez de usar a minha, ok?
‫Porque se muitas pessoas
‫fizerem isso, rapidamente deixará de funcionar para todos, certo?
‫Portanto, crie sua
‫própria conta e gere sua própria senha, ok?
‫Portanto, há na verdade o suficiente para criarmos ou transportarmos.
‫E então vamos fazer isso
‫aqui, node mailer. createTransport.
‫E agora, lembre-se de como eu disse a você quando
‫criamos este gerenciador de e-mail há alguns segundos.
‫Que existem alguns serviços que já estão predefinidos.
‫E Sendgrid é na verdade um deles.
‫Portanto, podemos especificar o serviço e configurá-lo como Sendgrid.
‫Tudo bem?
‫Na verdade, já fizemos isso antes para o Gmail
‫e, com isso, tudo o que precisávamos para transmitir era
‫o nome de usuário e a senha.
‫E aqui vai ser exatamente o mesmo.
‫E é por isso que na
‫verdade nem precisamos especificar o servidor e a porta, certo?
‫Porque o node mailer já conhece esses dados
‫porque está especificando este serviço Sendgrid.
‫Agora, só precisamos especificar a autenticação e o
‫usuário está em processo. env. SENDGRID USERNAME.
‫E agora vamos apenas
‫duplicar isso aqui e aqui, passe.
‫Ok, e é isso mesmo.
‫E agora, para testar isso, vamos criar um novo usuário
‫com um endereço de e-mail real.
‫Então, vamos ao Postman e vamos fechar tudo isso aqui.
‫Tudo bem,
‫então vou criar "Jonas. "E agora, como endereço
‫de e-mail, vou criar um desses e-mails descartáveis que
‫é basicamente um endereço de e-mail e uma caixa de
‫entrada para os quais nem precisamos nos inscrever.
‫Então, vamos usar o serviço Mailsac.
‫Então é assim,
‫e aqui podemos realmente colocar qualquer coisa.
‫Então vamos
‫colocar "Jonas" e todos podem acessar isso, certo?
‫Agora, irei me registrar com este endereço de e-mail
‫e o e-mail de boas-vindas deve terminar nesta caixa de entrada.
‫E você, claro, quando estiver testando por conta
‫própria, pode usar seu próprio endereço de e-mail para isso, certo?
‫Então vá em frente, crie um usuário basicamente para você com seu
‫próprio endereço de e-mail e clique em "Enviar. "E agora nosso
‫e-mail deve ser enviado pelo SendGrid.
‫E agora isso pode demorar
‫um pouco, mas vamos recarregar aqui, talvez já esteja lá.
‫E na verdade não é.
‫Então, vamos dar uma olhada em nosso painel.
‫E, pela minha
‫experiência, isso realmente não funciona imediatamente.
‫Por exemplo, este número "E-MAILS HOJE" aqui sempre
‫leva algum tempo para ser atualizado.
‫E também os primeiros e-mails que você envia,
‫eles nem sempre aparecem onde deveriam.
‫Então, esse comportamento que estamos vendo aqui é normal.
‫Mas vamos tentar novamente, então ainda não temos nenhum e-mail aqui.
‫Mas, na verdade, a razão para
‫isso é que lembre-se de que esse transporte
‫só funcionará na produção e,
‫portanto, precisamos executar nosso aplicativo em produção.
‫O que não estamos fazendo agora.
‫Então, vamos
‫agora fazer isso, npm run start production,
‫e vamos tentar de novo.
‫Então, primeiro irei deletar o usuário que acabamos de criar.
‫Então, é este aqui e, na
‫verdade, deixe-me excluir todos aqueles que realmente não
‫precisamos, todos
‫esses usuários de teste.
‫Tudo bem, agora vamos tentar novamente com este
‫endereço de e-mail.
‫E isso ainda é um sucesso e agora vamos dar uma olhada novamente
‫em nossa caixa de entrada de e-mail.
‫Nós olhamos isso e agora recebemos uma mensagem!
‫Então, quando abrirmos isso, aqui está.
‫Agora, por algum motivo, este
‫aplicativo está fazendo algo estranho com este botão aqui.
‫Parece que eles estão aplicando
‫seus próprios estilos aqui a este e-mail.
‫Mas esquece, o que importa aqui
‫é que realmente funcionou.
‫E agora, enviamos nosso primeiro e-mail usando Sendgrid
‫para uma caixa de entrada real.
‫Agora vamos ver se ele realmente aparece aqui também.
‫Mas, como eu disse, às vezes isso leva algum tempo para aparecer.
‫Como mencionei antes, ainda não mostra nenhum e-mail aqui, embora,
‫na verdade, já tenhamos enviado e recebido um e-mail.
‫OK.
‫Tão bom, então com isso agora você
‫pode enviar até cem e-mails grátis, eu acredito.
‫Diz algo aqui, sim.
‫Então, com o teste, que você acabou de começar, acho
‫que é ainda
‫mais, é como se fossem milhares de e-mails por dia.
‫Mas depois de algum tempo, você é
‫rebaixado para apenas cem.
‫Então, se você tem um aplicativo real e
‫uma empresa real, é claro que você terá que pagar por este (resmungo).
‫Mas então, nesse ponto, também não há problema, espero.
‫De qualquer forma, agora isso encerra nossa parte sobre o envio de e-mails.
‫E no resto (resmungo), agora vamos falar
‫sobre aceitar pagamentos com cartão de crédito e
‫criar reservas em nosso sistema.
‫Isso é realmente empolgante e espero ver você
‫lá em breve.