Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

사용자 지정 SMTP 모듈 구성

사용자 지정 SMTP 모듈 구성

사용자 지정 SMTP 모듈은 애플리케이션에서 직접 이메일을 보낼 수 있도록 기본 설정을 추가합니다.

응용 프로그램에 편지 보내기 양식이 나타나게 하려면 누락된 설정과 필요한 요소를 추가해야 합니다. 동작 알고리즘은 다음과 같습니다.

  1. 편지 양식이 위치할 페이지나 창을 추가합니다.
  2. 모듈을 연결하고 SMTP 서버 매개변수와 사용자 이름 및 비밀번호를 추가하십시오.
  3. 모듈 관련 비즈니스 프로세스, 엔드포인트, 양식을 생성합니다.

예를 들어 Gmail 메일 서비스를 사용하여 웹 애플리케이션에서 이 작업을 수행하는 방법을 보여 드리겠습니다.

페이지 만들기

편집기로 이동하여 게시할 새 페이지를 만듭니다. 페이지 이름("제목"), 주소("페이지 URL") 및 메시지를 보낼 수 있는 사용자 그룹("그룹용으로 표시")을 표시합니다. "저장"을 클릭합니다.

변경 사항을 저장하고 모듈 블록으로 이동합니다.

모듈 추가 및 구성

Marketplace 탭에서 Custom SMTP 모듈을 찾아 설치 버튼을 클릭하여 애플리케이션에 추가합니다.

응용 프로그램에 설치된 모든 모듈이 있는 "설치됨" 탭으로 이동하고 "사용자 지정 SMTP" 상자를 클릭하여 해당 설정을 엽니다. 모듈에 대한 기본 정보와 애플리케이션에서 모듈을 제거하는 버튼이 왼쪽에 표시됩니다. 오른쪽에는 작성해야 하는 필드가 있습니다.

  1. "로그인" 및 "비밀번호" 필드에 메시지를 보낼 사서함의 데이터를 입력하십시오.
  2. SMTP 연결 설정 지정 - 이메일 서비스마다 다릅니다. 기본적으로 Gmail 설정은 모듈에 추가됩니다.
  3. "발신인 이름" 필드에 편지를 받는 사람에게 표시될 이름을 입력합니다.

중요한! Gmail을 통해 메시지를 보내려면 Google 계정에서 타사 애플리케이션을 활성화해야 합니다.

모듈이 무엇인지, 업데이트 및 사용자 지정하는 방법에 대한 자세한 내용은 설명서를 참조하십시오 .

변경 사항을 저장하는 것을 잊지 마십시오.

비즈니스 프로세스, 엔드포인트 및 양식 생성

비즈니스 프로세스 , 엔드포인트 및 양식은 일관되게 설정하는 데 중요한 상호 연관된 요소입니다. 서로 상호 작용하여 응용 프로그램 구성을 완료하고 메시지를 보내기 위한 양식이 페이지에 나타납니다.

이러한 요소에 대한 자세한 내용은 설명서 에서 확인할 수 있습니다 .

비즈니스 프로세스

"비즈니스 로직" 탭으로 이동하고 버튼을 클릭하여 새 비즈니스 프로세스를 생성합니다.

프로세스 이름(필수), 설명(선택)을 입력하고 "만들기" 버튼을 클릭합니다.

편집기의 각 비즈니스 프로세스는 서로 다른 기능을 담당하는 구성 요소인 블록으로 시각적으로 나뉩니다. 새 프로세스가 생성되면 "시작"과 "끝"이 자동으로 나타납니다. 추가할 수 있는 다른 모든 블록이 왼쪽에 표시됩니다.

설치 후 "사용자 지정 SMTP" 모듈이 이 목록에 "사용자 지정 SMTP: 이메일 보내기"를 추가했습니다. 비즈니스 프로세스에 이 블록을 포함하려면 마우스 포인터를 사용하여 편집기 필드로 끌어다 놓습니다. "사용자 지정 SMTP: 이메일 보내기" 창이 나타나며, 이 필드에는 향후 메시지 전송 양식의 내용이 의존하는 변수가 포함됩니다.

  • "제목" - 편지의 제목
  • "본문" - 문자 텍스트가 있는 필드.
  • "받는 사람"-받는 사람의 주소.
  • "Cc" - 사본을 보낼 주소.
  • "발신자 이름"- 보낸 사람의 이름.
  • "Bcc"는 숨은 참조 사본을 보낼 주소입니다.

이제 "시작", "사용자 지정 SMTP: 이메일 보내기" 및 "종료"를 연결하여 단일 비즈니스 프로세스를 구성함을 보여야 합니다.

1. "시작" 블록의 "시작" 필드 위로 마우스 포인터를 이동하고 마우스 왼쪽 버튼을 누른 상태에서 "사용자 지정 SMTP: 이메일 보내기" 블록의 "입력" 필드로 밉니다. 블록.

2. 마찬가지로 "Custom SMTP: Send Email" 블록의 "Out" 필드와 "End" 블록의 "End" 필드 사이에 링크를 만듭니다.

이제 "시작" 블록에서 새 필드(변수)를 만들고 "사용자 지정 SMTP: 이메일 보내기" 블록의 변수와 연결해야 합니다. "시작" 블록에 추가한 필드는 메시지 제출 양식에 나타납니다. 사본과 블라인드 사본을 보내지 않는다고 상상해보십시오. 따라서 "시작" 블록에는 다음 필드가 포함됩니다.

  • "발신자"(발신자 이름) - from_name과 연결됨;
  • "주소"(보낸 사람) - "받는 사람"과 관련됨
  • "주제"(주제); - "주제"와 연관됨(다른 블록의 변수 이름은 동일할 수 있음)
  • "메시지"(편지 텍스트) - "본문"과 연결됩니다.

변수를 바인딩하려면 유형이 서로 일치해야 합니다. 변수의 유형은 변수가 포함된 블록을 클릭하고 편집 메뉴를 열어 볼 수 있습니다.


블록 필드의 각 변수 옆에는 유형에 따라 색상 및 모양이 달라지는 아이콘이 있어 쉽게 탐색할 수 있습니다. 이 예에는 두 가지 유형의 변수가 있습니다.

  • "제목", "본문" 및 "from_name"은 "문자열" 유형이며,
  • To, cc 및 bcc는 Email Array 유형입니다.

변수 생성

"시작" 블록에서 첫 번째 변수를 생성하려면 해당 변수를 클릭하십시오. 목록이 표시됩니다(비어 있는 동안). "+"를 클릭하십시오.

Try AppMaster no-code today!
Platform can build any web, mobile or backend application 10x faster and 3x cheaper
Start Free

열린 창에서 변수 이름을 입력하십시오: 이름 "보낸 사람", "문자열"을 입력하십시오. "만들기"를 클릭하십시오.

마찬가지로 "주소", "제목" 및 "메시지"를 추가합니다. 이제 "시작" 블록의 변수 목록은 다음과 같습니다.

Custom SMTP: Send Email 블록의 해당 변수에 연결합니다.

이것이 변수 간의 관계가 결국 어떻게 보여야 하는지에 대한 것입니다. 변경 사항을 저장하고 끝점 만들기를 진행합니다.

끝점

"끝점 만들기"를 클릭하십시오. "비즈니스 로직" 탭의 설정에서 다음 설정을 지정해야 합니다.

  • "Endpoint route" - 엔드포인트의 이름으로 그 기능을 이해할 수 있습니다.
  • "Endpoint Groups" - 그것이 위치할 그룹의 이름.
  • "요청 유형" - "POST"를 선택하십시오.
  • "비즈니스 프로세스" - 생성한 send_mail 비즈니스 프로세스를 선택합니다.

그런 다음 "미들웨어" 탭으로 이동합니다.

"미들웨어" 탭에서 이 끝점을 사용하여 작업을 수행할 수 있는 권한을 구성해야 합니다(따라서 관련 비즈니스 프로세스를 시작할 수 있음). 즉, 애플리케이션에서 이메일을 보낼 수 있는 사람을 지정합니다. 이렇게 하려면 "토큰 인증" 권한 부여 토큰의 설정을 변경해야 합니다.

주목! 이 설정을 변경하지 않으면 모든 사용자가 이메일을 보낼 수 있는 권한을 갖게 됩니다!

"토큰 인증" 옆에 있는 톱니바퀴 아이콘을 클릭합니다. 열린 창에서 선택기를 켜고 "허용된 그룹" 필드에서 "관리자" 그룹(또는 액세스 권한을 부여하려는 다른 그룹)을 선택합니다. "저장"을 클릭하십시오


이제 "만들기"를 클릭하여 끝점을 저장합니다.

메시지 전송 프로세스가 구성됩니다. 이제 메시지 제출 양식의 시각적 표현을 만들 수 있습니다.

형태

양식을 만들려면 이전에 만든 탭으로 웹 응용 프로그램 편집기로 돌아갑니다. Form 요소를 페이지 캔버스로 끌어다 놓습니다.

열린 창에서 "레코드 생성"을 클릭하면 사용 가능한 엔드포인트 목록이 "레코드 저장 위치" 필드에 표시됩니다. 방금 생성한 항목을 선택합니다. "할당"을 클릭하십시오.

생성한 모양이 캔버스에 나타납니다. 톱니바퀴 이미지를 클릭하여 설정으로 이동합니다.

"모양 및 느낌" 탭에서 "제목" 필드에 양식의 제목을 입력합니다. 여기에서 모양을 변경하고 설정에 기록된 이름을 볼 수도 있습니다.

"데이터" 탭 - 양식 모드 및 끝점에 대한 정보입니다. 또한 여기에서 필드를 서로 상대적으로 이동하여 필드의 위치를 변경할 수 있습니다.

보낸 사람, 주소, 제목, 메시지의 논리적 순서로 필드를 정렬합니다. 각 필드의 세부 설정(예: 필드 이름)을 변경하려면 옆에 있는 톱니바퀴 아이콘을 클릭합니다. "저장"을 클릭하여 변경 사항을 저장합니다.

폼에 버튼 추가하기

양식이 작동하려면 제출 확인 버튼을 추가해야 합니다. "Button" 요소를 사용하여 양식 아래 영역으로 마우스 포인터를 끕니다.

그것을 클릭하여 버튼 설정을 엽니다. "Look & Feel" 탭에서 "Label"(응용 프로그램에 표시될 버튼 이름) 및 "Name"(설정에 표시될 이름)을 변경합니다.

"트리거" 탭에서 onClick 트리거에 작업을 추가합니다. "대상" 필드에서 양식을 선택하고 "작업" 필드에서 "양식 제출"을 선택합니다. "저장"을 클릭합니다.

보존, 출판 및 검증

모든 변경 사항을 저장하고 게시하고 응용 프로그램 아이콘으로 이동을 클릭합니다.

메시지를 보낼 데이터를 입력합니다. 발신자 필드를 비워두면 모듈 설정에 입력한 이름이 자동으로 추가됩니다. 액세스 권한이 있는 모든 이메일 주소로 테스트 메시지를 보냅니다.

전송 후 확인 메시지가 나타나고 지정된 데이터가 포함된 편지가 받은 편지함 폴더의 수신자에게 나타납니다.

지침에 따라 모든 작업을 수행했지만 오류가 나오는지 확인하는 대신 "스팸" 폴더에 편지가 있는 경우 기술 지원 텔레그램 채널에 편지를 보내주십시오.


관련 게시물

모바일 앱 수익화 전략을 실현하는 열쇠
모바일 앱 수익화 전략을 실현하는 열쇠
광고, 인앱 구매, 구독 등 검증된 수익 창출 전략을 통해 모바일 앱의 수익 잠재력을 최대한 활용하는 방법을 알아보세요.
AI 앱 제작자 선택 시 주요 고려 사항
AI 앱 제작자 선택 시 주요 고려 사항
AI 앱 제작자를 선택할 때 통합 기능, 사용 편의성, 확장성과 같은 요소를 고려하는 것이 필수적입니다. 이 도움말은 현명한 선택을 하기 위한 주요 고려 사항을 안내합니다.
PWA의 효과적인 푸시 알림을 위한 팁
PWA의 효과적인 푸시 알림을 위한 팁
사용자 참여를 높이고 혼잡한 디지털 공간에서 메시지가 돋보이도록 하는 PWA(프로그레시브 웹 앱)에 대한 효과적인 푸시 알림을 만드는 기술을 알아보세요.
무료로 시작하세요
직접 시도해 보고 싶으신가요?

AppMaster의 성능을 이해하는 가장 좋은 방법은 직접 확인하는 것입니다. 무료 구독으로 몇 분 만에 나만의 애플리케이션 만들기

아이디어를 실현하세요