웹개발 - 17 구글 map embeded API, nodemailer

 

오늘은 일단 사용자의 편의성(?)을 위해서 자잘하게 마이페이지 수정을 했다.

 

 

 

내 정보 수정이랑 탈퇴 밖에 없었는데 이제 자기가 쓴 글들 관리하고 볼 수 있게 내 게시물 관리 탭을 추가해서,

 

 

이렇게 보이도록 했고 제목을 누르면 해당 글로 넘어가고, 댓글은 누르면 그 댓글을 단 게시물의 디테일 페이지로 넘어가게했다.

 

 

이렇게 하고 또 뭐를 수정해볼까 하다가 contact 카테고리를 활성화 시켜서 그냥 내 정보 띄우게 해야겠다 하다가

지도 정보를 바꾸고 싶어졌다.

 

iframe으로 html 코드로 지도정보를 보여주고 있었는데, 이게 Google Map Platform에 The Maps Embed API를 사용했다는 걸 알게됐고 

 

 

https://developers.google.com/maps/documentation/embed/map-generator

The Maps Embed API quickstart  |  Google Developers

 

이 사이트에 들어가서 참조해서 위치를 동덕여대로 바꾸어서 contact 페이지를

 

 

 

이렇게 보이게 만들었다. 

 

그리고 하단에 내리면 메일을 보낼 수 있는 폼이 하나 있는데

실제로 node.js의 nodemailer라는 모듈을 사용해서 메일을 보낼 수 있다고 해서 그걸 한번 구현해보려고 하는 중이다.

 

 

일단 코드는

 

router.post("/mail/send", (req, res) => {
    console.log(req.body);
    let transporter = nodemailer.createTransport({
        auth:{
            user: 'gkdus6629@gmail.com',
            pass: '---패스워드 입력---'
        },
        host: 'smtp.mail.com',
        port: '465'
    });

    let mailOptions = {
        from : "조하연 <gkdus6629@gmail.com>",
        to : req.body.receiverEmail,
        subject : req.body.title,
        text : req.body.message
    };

    transporter.sendMail(mailOptions, (err, info) => {
        transporter.close();
        if(err){
            console.log(err);
        }else{
            console.log(info);
        }
    });
    res.send("메일 전송 완료");
});

 

이렇게 짰고 실제 폼에서 submit 버튼을 누르면

 

 

이렇게 잘 뜨는데 콘솔에서 보면

 

 

 

이렇게 에러가 난다.

 

찾아보면 로그인 정보가 맞지 않아서 라는데 구글 계정 정보 똑바로 입력했는데 뭐가 문젠지 모르겠다.

내일 고쳐봐야겠다.

 

 

 

 

 

배포까지 다 해버리면 이제 더이상 회사에서 할 게 없을 것 같아서 자꾸 이것저것 기능 추가 하고 있는데

그래도 더이상 생각나는 추가할 수 있는 기능 없으면 배포해봐야겠다.

 

 

 

---

Reference

 

https://blog.naver.com/tjsk002/222035367261

node.js 실제 메일보내기 nodemailer, npm start