EmailiJS 사용하기

https://www.emailjs.com/

 

Send email from Javascript - no server code required | EmailJS

 

 

1. 회원가입하고 이메일 확인!

 

 

 

2. 로그인 후 Add New Service 클릭

3.Gmail 선택 후 내 gmail 계정과 연동하기

 

 

 

4. 메일이 왔으면 확인 끝!

 

 

 

https://www.emailjs.com/docs/sdk/installation/

SDK Installation | EmailJS

 

 

5. 위 사이트에서 사용법 참고해서 코드 작성하기

 

 

<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
</script>

script를 추가해준다.

 

 

 

 

 

// code fragment
var data = {
    service_id: 'YOUR_SERVICE_ID',
    template_id: 'YOUR_TEMPLATE_ID',
    user_id: 'YOUR_PUBLIC_KEY',
    template_params: {
        'username': 'James',
        'g-recaptcha-response': '03AHJ_ASjnLA214KSNKFJAK12sfKASfehbmfd...'
    }
};
 
$.ajax('https://api.emailjs.com/api/v1.0/email/send', {
    type: 'POST',
    data: JSON.stringify(data),
    contentType: 'application/json'
}).done(function() {
    alert('Your mail is sent!');
}).fail(function(error) {
    alert('Oops... ' + JSON.stringify(error));
});
// code fragment

 

위 양식에 맞춰 값을 넣어주면 된다.

 

 

 

결과