를 사용했습니다(예를 들어
태그는 그걸 잘라내지 않습니다).
추가로, 우리에겐 기본적으로 주석처리 되어 있는 sendEmail() 메소드에 대한 replyTo 옵션이 있습니다.
MailApp . sendEmail ({ to : TO_ADDRESS , subject : ” Contact form submitted ” , // replyTo: String(mailData.email), // This is optional and reliant on your form actually collecting a field named `email` htmlBody : formatMailBody (mailData) });
이메일에 답장 필드를 추가하려는 경우 주석처리를 제거할 수 있습니다. 스크립트의 예제는 reply-to를 양식에 제출된 메일로 설정합니다. 관심이 있다면 Google의 설명서에서 MailApp.sendEmail (예 : cc / bcc 등)에 대한 자세한 정보를 제공합니다:
https://developers.google.com/apps-script/reference/mail/mail-app
파트 3 – 스프레드시트에 제출된 Contact Form 데이터 저장하기
독자분의 메일함에 Form 데이터를 다이렉트로 보내는 것도 좋은 첫번째 단계지만, 우리는 더 잘할 수 있습니다. 또한 위에 언급한 것처럼, Google은 하루에 보낼 수 있는 이메일 수에 제한이 있습니다. 따라서 데이터를 스프레드시트에 저장하는 것이 안전하며 데이터 손실을 줄일 수 있습니다.
14. Google Apps 스크립트에 record_data 기능 추가하기
이렇게 하면 POST 로 받은 데이터가 스프레드시트의 *행(row)*으로 기록됩니다. 참고: 다음 파일을 이용해 full code를 복붙할 수도 있습니다. google-apps-script.js
15. 새로운 버전 저장하고 재배포하기
새로운 버전을 저장하고 스크립트를 재배포 하기 위해 위의 4, 5 단계 & 6 단계를 다시 따라하세요.
16. 양식 재검사하기
17 데이터가 스프레드 시트에 삽입되었는지 확인
라이브 서버 (당신의 localhost )
Because we are loading external .js files, our web browser 외부 *.js 파일들을 로드하고 있기 때문에 우리의 웹브라우저는 로컬 디렉토리에서 index.html을 열지 않습니다. (파일로 실행시켜 단순 웹브라우저로 테스트하지 마세요.)
터미널을 열고 다음 커맨드를 실행해 node 모듈을 설치하고 live 서버* 를 시작하세요:
npm install live-server –save-dev && node_modules/.bin/live-server –port=8000
설치하는데 1분 정도 걸리고, 완료되면 당신의 live-server 가 시작됩니다.
포트 8080에서 node.js HTTP 서버가 시작되고 방금 만들었던 양식이 기본 브라우저에서 열립니다. style.css의 form style 혹은 form-submission-handler.js의 클라이언트 측 자바스크립트를 업데이트하려면, GitHub가 아닌 로컬로 해당 자원을 로드하도록 index.html을 편집하세요.
참고: 이건 절대적인 초보자를 위한 Node.js의 맛보기 입니다. 이 양식을 “배포”하기 위해 node.js가 무조건 필요한 것은 아니며, HTML / CSS / JavaScript를 제공하는 모든 웹 서버에서 실행할 수 있습니다. 이전에 Node.js를 사용한 적이 없다면 http://nodeguide.com/beginner.html을 참조하세요. 하지만 이 연습 (서버가 없는 양식 제출) 을 위해 node.js 또는 live-server 는 필요하지 않습니다. 그러나 IDE에서 편집기에서 변경 사항을 적용 할 때 페이지를 자동으로 다시 로드하기 때문에 있으면 좋아요.
참고: VS Code 혹은 Bracket 을 사용하신다면 Live Server 와 같은 플러그인을 통해 실행하는 것이 간편합니다.
Want more?
이 튜토리얼보다 더 많은 것을 알고 싶다면, 알려주세요!
독자분의 편의를 위해 GitHub Pages에서 데모페이지를 호스트해 두었습니다. 코드를 확인하고 작동 방식을 확인하세요 :https://dwyl.github.io/html-form-send-email-via-google-script-without-server/
당신만의 필드를 추가하세요!
Henry Beary의 요청에 따라 form 처리기를 제네릭으로 만들어 원하는 필드를 추가할 수 있도록 했습니다..
또한 모든 종류의 form input 요소를 사용하는 test.html 도 만들었으므로 원하는대로 요소를 복붙할 수 있습니다. 요소의 name과 id 속성들만 업데이트하면 됩니다. 이 테스트 양식의 작동예제는 이곳에서 확인할 수 있습니다:https://dwyl.github.io/html-form-send-email-via-google-script-without-server/test.html
class가 gform 인 form태그 내에 필드를 포함시키고 양식 요소의 이름이 스프레드 시트의 새로운 열 제목과 일치하는지 확인하세요! 즉 :
< fieldset class = " pure-group " > < label for = " color " >Favourite Color: < input id = " color " name = " color " placeholder = " green " />
위 코드는 사용자가 선호하는 색을 받아볼 수 있게 해줍니다. 즉:
질문이 더 있으면 알려주세요!
스팸 방지
스팸으로 분류되는 것을 피하고 Google Apps 사용 할당량을 채우기 위해, 우리는 Honeypot이라고 하는 간단한 스팸방지 기술을 구현할 겁니다. 이 기술은 필수적으로 숨겨진(hidden) textfield를 만드며, 이 textfield가 채워지면 스팸 봇으로 간주하여 양식을 차단합니다.
< form action = " https://script.google.com/macros/s/... " method = " post " > < label class = " sr-only " >Keep this field blank < input id = " honeypot " type = " text " name = " honeypot " value = " " />
#honeypot { display : none ; /* 일반적인 사용자에게 보이지 않도록 숨기세요 */ }
/* form-submission-handler.js */ /* 이 if문에서 주석을 제거하세요 */ if ( validateHuman ( data . honeypot )) { // 이 부분이 채워져 있으면, 제출되지 않습니다. return false ; }
자주 묻는 질문들 (FAQ’s)
이 자습서를 사용할 때 도움을 받으려면 어떻게 하나요?
어떤 단계를 거쳤으며 어떤 단계가 효과적이지 않은지 상세하게 설명하는 문제를 게시하세요. 온라인으로 겪으신 문제를 재현하는 예제가 가장 이상적입니다 (예 : GitHub Pages 또는 CodePen의 호스트). 예를 들어 콘솔 오류를 제공하면 도움이 되는 응답을 받을 가능성이 높아집니다.
예제 스프레드시트에 대한 수정권한을 얻을 수 있을까요?
아니요. 다른 사람이 복사 할 수있는 작업 예제를 보여주기 위해 사용되고 있으며 편집 가능한 버전은 실수로 또는 악의적으로 모든 사용자가 손상시킬 수 있습니다.
제출(submit)을 클릭하면 웹 페이지 포워딩이 여러 텍스트로 전송되는 이유는 무엇입니까?
AJAX를 통해 데이터를 제출하는 데 필요한 자바 스크립트를 제대로 로드하지 않았거나 브라우저가 AJAX를 지원하지 않습니다. 파트2에서 오류를 발견 할 경우를 대비하여 콘솔 로그를 확인하세요.
웹페이지에서 양식을 성공적으로 제출되지 않는 이유가 뭘까요?
Javascript 콘솔 로그를 확인하세요. 우리가 제공한 Javascript를 읽는 동안 오류가 있을 수 있습니다. 또는 양식을 제출하는 동안 오류가 있을 수 있습니다. Google Script 파일 내에 TO_ADDRESS 변수를 설정하지 않은 경우 form태그의 class가 gform 이어야하며 데이터 이메일 속성이 필요합니다. 또한 제공되는 Javascript 코드는 확인을 위해 사용하는 전자 메일 양식 요소, 부적절한 전자 메일을 제출할 때 해당 요소에 대한 경고 메시지를 보고 다음 양식이 표시된 thank-you div도 볼 것으로 예상되므로 이러한 HTML 요소가 모두 양식에 있는지 확인하세요. 복사하여 붙여 넣을 수 있는 코드는 샘플 파일을 참조하시고 이 모든 요소와 적절한 양식이 설정되면 제출할 때 Javascript 콘솔에 오류 메시지가 표시되지 않아야 합니다.
제 웹 페이지에선 데이터가 제출되었다고 뜨는데 데이터가 스프레드시트에 저장되거나 메일로 전송되지 않아요.
스프레드 시트를 복사하고 Google Script를 게시 할 때 권한을 “누구나(익명 사용자 포함)”으로 설정하셨나요? 이것은 인터넷에 있는 사용자 누구나 자신의 데이터를 보내기 위해 보내기를 누를 수 있기 때문에 필요합니다. 변경 사항을 적용할 때 적절한 버전의 스크립트를 배포하고 “비전 기록”을 사용했는지 확인하세요.
파일은 어떻게 업로드 할 수 있나요?
현재 이 기능은 현재 지원되지 않습니다. 업로드된 파일을 저장하려면 Google 스크립트를 통해 Google 드라이브 API를 사용할 수 있습니다. 우리는 이 문제를 어떻게 해결했는지에 대한 예제를 게시하거나 PR할 수 있는 사람이라면 누구든 환영합니다.
이거 안전한가요? 민감한 데이터에 사용할 수 있나요?
아니요. POST를 통해 전송되는 데이터는 더 안전하게 보호될 수 있지만 제3자나 중개인이 정보를 쉽게 가로 챌 수 있으며 Google은 Google 스프레드시트의 데이터에 대한 완전한 액세스 권한을 갖습니다. 또한 이메일은 기본적으로 매우 안전한 통신 매체가 아닙니다. 보안이 필요한 경우 데이터를 저장하기 위한 안전한 플랫폼과 서버에 투자하기를 추천합니다.
참고문서
Google Apps Scripts Basics: https://developers.google.com/apps-script/articles
Logger (like console.log): https://developers.google.com/apps-script/reference/base/logger
Simple Mail Merge using Google Spreadsheets: https://developers.google.com/apps-script/articles/mail_merge
Original Tutorial: AJAX post to google spreadsheet: http://stackoverflow.com/questions/10000020/ajax-post-to-google-spreadsheet which points to: https://mashe.hawksey.info/2011/10/google-spreadsheets-as-a-database-insert-with-apps-script-form-postget-submit-method/
다른 주소나 별칭으로 이메일 보내기
직장 또는 학교에서 Google 앱을 최대한 활용하고 싶으신가요? 무료 체험판에 가입 Google Workspace하세요.
다른 이메일 주소가 있는 경우 이러한 주소를 사용하여 메일을 보낼 수 있습니다. 예를 들면 다음과 같습니다. Yahoo, Outlook 또는 기타 Gmail 외 주소
직장, 학교, 업체 도메인 또는 별칭(예: @yourschool.edu 또는 [email protected])
다른 Gmail 주소 도움말: 최대 99개의 다른 이메일 주소에서 이메일을 보낼 수 있습니다.
1단계: 이메일 주소 추가
컴퓨터에서 Gmail을 엽니다. 오른쪽 상단에서 설정 모든 설정 보기를 클릭합니다. 계정 및 가져오기 또는 계정 탭을 클릭합니다. ‘다른 주소에서 메일 보내기’ 섹션에서 다른 이메일 주소 추가를 클릭합니다. 이름과 발신 주소로 사용하려는 주소를 입력합니다. 다음 단계 확인 메일 보내기 를 클릭합니다. 학교 또는 직장용 계정이면 SMTP 서버(예: smtp.gmail.com 또는 smtp.yourschool.edu)와 계정의 사용자 이름 및 비밀번호를 입력합니다. 계정 추가를 클릭합니다.
2단계: 주소 확인
추가한 계정에 로그인합니다. Gmail에서 받은 확인 메시지를 엽니다. 링크를 클릭합니다.
3단계: ‘보낸사람’ 주소 변경
메시지에서 ‘보낸사람’ 행을 클릭합니다.
(표시되지 않는 경우 수신자의 이메일 주소 옆에 있는 공백을 클릭합니다.) 발신 주소로 사용하려는 주소를 선택합니다.
확인 이메일을 찾을 수 없음 스팸이나 대량 메일 폴더에 [email protected]에서 받은 메시지가 있는지 확인합니다.
직장 또는 학교 계정을 추가하려면 관리자에게 도메인 별칭 및 이메일 별칭을 설정하도록 요청합니다.
수신자에게 내 Gmail 주소가 표시됨 수신자가 Outlook 또는 기타 메일 서비스를 사용 중인 경우 ‘보낸사람: 사용자 이름@gmail.com이 다른 이름@다른 도메인.com 대신 보냄’과 같이 표시될 수 있습니다. 다음 경우에도 수신자에게 원래 @gmail.com 주소가 표시될 수 있습니다. 부재중 응답 설정
자동 응답으로 필터 만들기
편지함이 가득 차고 수신자가 알림을 받음
이메일 주소 또는 별칭 삭제하기 별칭을 통해 이메일을 전송하고 싶지 않거나 별칭이 잘못된 경우, 이메일 또는 별칭을 삭제할 수 있습니다. 잘못된 별칭으로 이메일을 보내면 반송 이메일이 전송됩니다. 컴퓨터에서 Gmail을 엽니다. 오른쪽 상단에서 설정 모든 설정 보기를 클릭합니다. 계정 및 가져오기 탭 또는계정 탭을 클릭합니다. ‘다른 주소에서 메일 보내기’ 섹션에서 삭제할 이메일 주소 옆에 있는 삭제를 클릭합니다. 도움말: 유효한 이메일 주소에서 반송 이메일을 받고 다시 확인해야 하는 경우 ‘다른 주소에서 메일 보내기’에 등록된 이메일 주소를 삭제한 다음 다시 추가해야 합니다.
항상 다른 주소에서 전송
항상 다른 주소로 메일을 발송하려면 기본 ‘보낸사람’ 및 ‘답장’ 주소를 모두 변경해야 합니다. ‘보낸사람’ 주소만 변경하면 기본적으로 답장이 원래 Gmail 주소로 전송됩니다.
기본 ‘보낸사람’ 주소 변경 항상 다른 주소 또는 별칭에서 이메일을 보내려면 다음 단계를 따르세요. 컴퓨터에서 Gmail을 엽니다. 오른쪽 상단에서 설정 모든 설정 보기를 클릭합니다. 계정 및 가져오기 또는 계정 탭을 클릭합니다. 사용하려는 주소 오른쪽의 ‘다른 주소에서 메일 보내기’ 섹션에서 기본으로 설정을 클릭합니다.
기본 ‘답장’ 주소 변경 메일을 보내면 기본적으로 답장이 원래 Gmail 주소로 전송됩니다. 다른 주소를 선택하려면 다음 단계를 따르세요. 컴퓨터에서 Gmail을 엽니다. 오른쪽 상단에서 설정 모든 설정 보기를 클릭합니다. 계정 및 가져오기 또는 계정 탭을 클릭합니다. ‘다른 주소에서 메일 보내기’ 섹션에서 내 이메일 주소 옆의 정보 수정을 클릭합니다. ‘답장’ 주소를 다르게 지정을 클릭합니다. 답장 주소를 추가합니다. 필요한 경우 다음 단계 를 클릭합니다. 변경사항 저장을 클릭합니다.
‘서버에 연결할 수 없습니다’, ‘TLS 협상 실패’ 오류
다음 오류 메시지 중 하나가 표시되면 다른 포트 번호와 인증 유형을 선택해야 할 수도 있습니다. 정확한 발신 메일 서버를 제공업체로 사용했는지 확인하세요. 정확하게 설정하려면 타사 이메일 제공업체에 문의해야 할 수도 있습니다.
보안 연결 선택 다른 메일 서비스에 문의하여 권장 포트 번호, 인증 유형 또는 발신 메일 서버를 확인합니다. 타사 제공업체가 유효한 인증서가 있는 SSL 또는 TLS를 지원하는지 확인합니다. 몇 가지 일반적인 조합은 다음과 같습니다. SSL 포트 465
SSL 포트 465 TLS 포트 25 또는 587
다른 메일 서비스가 SSL 또는 TLS를 지원하지 않음 보안(암호화된) 연결을 통해 이메일을 보내는 것이 좋습니다. 하지만 다른 메일 서비스에서 이러한 보안 연결을 지원하지 않거나 유효한 인증서를 사용하지 않으면 포트 25를 선택한 다음 표시되는 보안되지 않은 연결을 선택하세요. 이렇게 하면 정보가 보호 목적으로 암호화되지 않습니다.
Gmail 별칭 사용
Gmail 별칭을 사용하여 필터링 이메일을 간편하게 분류하려면 사용자 이름 뒤에 카테고리를 추가합니다. 예를 들어 다음 별칭으로 보내는 메시지는 모두 [email protected]으로 전송됩니다. janedoe +school @gmail.com
@gmail.com janedoe +notes @gmail.com
@gmail.com [email protected] 1단계: 별칭 선택 이메일을 분류하고자 하는 방법을 고려하여 카테고리별로 별칭을 선택하세요. 예를 들면 다음과 같습니다. 직장 이메일로 사용자 이름 +work @gmail.com 사용
@gmail.com 사용 뉴스레터 구독용으로 사용자 이름 +news @gmail.com 사용
@gmail.com 사용 온라인 소매업체용 계정을 만들려면 사용자 이름[email protected] 사용 2단계: 메시지 필터링 다음과 같은 자동 작업을 위한 필터를 만드세요. 라벨 또는 별표 추가
다른 계정에 전달
보관처리 또는 삭제
웹용 Outlook에서 전자 메일 만들기 및 보내기
전자 메일 만들기 및 보내기는 모든 전자 메일 앱의 기초가 되며 웹용 Outlook을 사용 하면 어디서 든 모든 장치에 연결 된 상태를 유지할 수 있습니다. Gmail에서 Outlook으로 전환 하는 경우 Outlook의 중요 받은 편지함 또는 OneDrive를 사용 하 여 파일을 공유 하는 방법 등 몇 가지 차이점을 고려해 야 할 수 있습니다. 자세한 내용은 아래 내용을 참조 하세요.
키워드에 대한 정보 웹 메일 보내기
다음은 Bing에서 웹 메일 보내기 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 스마트폰으로 이메일 보내는 방법
- 스마트폰
- 이메일
- 메일
- 보내기
- 메일보내는법
- 메일보내기
- 이메일보내기
- 휴대폰으로
- 휴대폰
- 핸드폰
- 폰
- 으로
- 폰으로
- 전송
- 메일전송
- 이메일전송
- 사진
- 문서
- 동영상
- 영상
- 사진보내기
- 보내는법
- 보내는방법
- 방법
- 사진보내는방법
- 사진보내는법
- 영상보내는법
- 영상보내는방법
- 영상보내기
- 동영상보내기
- 동영상보내는방법
- 동영상보내는법
- 문서보내는법
- 문서보내기
- 문서보내는방법
- 파일
- 엑셀
- 한글
- PDF
- 전송하는법
- 전송하기
- 이메일보관함
- 네이버메일
- 네이버
- 네이버우편
스마트폰으로 #이메일 #보내는 #방법
YouTube에서 웹 메일 보내기 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 스마트폰으로 이메일 보내는 방법 | 웹 메일 보내기, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.
