javascript로 email 보내기(무료, 무제한)

https://docs.google.com/spreadsheets/d/1BYsqJlHgP2DQnUZMnTLkU3jrnmUsiLd2BifTcdpECDU/copy

Google Sheets - 스프레드시트를 작성하고 수정할 수 있으며 무료입니다.

 

위 시트를 복사하고, 확장 프로그램 > App Script 로 가서 필요한 스크립트를 수정(수정안해도 상관없음)

스크립에서는 구글의 메일앱을 사용한다.

https://developers.google.com/apps-script/reference/mail/mail-app

Class MailApp  |  Apps Script  |  Google Developers

 

해당 스크립트는 꼭 저장 후 파일 > 버전관리 에서 새로운 버전을 발행 후 게시 > 웹앱게시를 통해 게시를 해줘야 한다.

그럼 해당 링크를 html의 form에서 action으로 지정해주면 된다.

 

 

위 화면에서 버전에 대한걸 저장하고,

위 화면에서 최신 버전을 가져와서 배포 준비를 한다.

최초에는 메일앱을 사용하기 위한 권한 부여를 진행한다.

 

위 주소를 복사해서 form의 action에 입력한다.

form의 각 필드의 name property는 시트에서 지정된 컬럼명을 사용한다.

 

이렇게 해서 submit을 하면 해당 내용은 스프레드 시트에 쌓임과 동시에 메일로 전송이 된다.

script 에서 TO_ADDRESS 변수를 지정한 경우 지정된 메일로 메일이 가며, 주석처리로 냅둔 경우 data-email에 적힌 메일로 전송하게 된다.

 

추가적으로 

https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/blob/master/google-apps-script.js

 

위 스크립트 처럼 xhr을 통해 폼데이터 전송으로 사용할 경우 깔끔하게 적용 가능하다.

 

위 깃 주소에 샘플페이지 또한 포함되어 있다.

 

본 글은 아래 글을 참고해 작성하였으며, 아래 글은 더욱 자세히 써있다.

 

 

https://kutar37.tistory.com/entry/%EC%A0%95%EC%A0%81-HTML-form%ED%83%9C%EA%B7%B8%EC%97%90%EC%84%9C-%EB%A9%94%EC%9D%BC%EB%B3%B4%EB%82%B4%EA%B8%B0-Google-Apps-Mail

정적 HTML form태그에서 메일보내기 : Google Apps Mail