Appery.io 및 새로운 SendGrid Mail API 플러그인으로 간소화된 인앱 이메일

게시 됨: 2015-06-09

다음은 Appery.io에 있는 Max Katz의 게스트 게시물입니다. 이 게시물 하단에서 Max에 대해 자세히 알아보세요.

SendGrid는 인앱 이메일 기능을 너무 간단하게 추가하는 서비스 중 하나입니다. SendGrid는 클라우드 기반 이메일 솔루션 제공업체이며 모바일 앱에서 이메일을 보낼 수 있는 우아하고 사용하기 쉬운 REST API를 제공합니다. 앱에서 등록 확인, 비밀번호 재설정 이메일, 2단계 인증 이메일, 일반 알림 이메일 또는 기타 모든 유형의 이메일 통신과 같은 이메일을 보내야 할 가능성이 매우 높습니다. SendGrid는 완벽한 솔루션입니다.

서비스로 제공되는 가장 완벽한 모바일 및 웹 플랫폼인 Appery.io를 통해 기업은 반응형 모바일 앱을 매우 빠르게 구축할 수 있습니다. Appery.io는 클라우드 기반의 신속한 개발 환경을 통합 백엔드 서비스 및 클라우드 서비스 및 엔터프라이즈 시스템과의 통합을 극적으로 단순화하는 API 플러그인 카탈로그와 결합합니다.

Appery.io는 타사 API와 즉시 통합되므로 SendGrid API를 사용하여 메시징 지원 모바일 앱을 빠르게 구축할 수 있습니다. 앱에 이메일 기능을 더 빠르게 추가하기 위해 Appery.io는 SendGrid Mail API 플러그인을 출시했습니다. 플러그인은 신규 또는 기존 앱에 빠르게 추가할 수 있으며 첨부 파일이 포함된 이메일 메시지를 보내는 샘플 앱을 제공합니다. 개발자는 필요에 따라 플러그인을 사용자 정의하거나 수정할 수 있습니다.

이번 포스트에서는 SendGrid Mail API 플러그인을 추가하고 사용하는 방법을 알려드리겠습니다.

필요한 것:

시작하기 전에 SendGrid 및 Appery.io 계정이 필요합니다. 아래 링크를 사용하여 무료 계정에 등록하십시오.

  • 센드그리드
  • Appery.io

무엇을 만들 것인가?

새 모바일 앱을 만들고 SendGrid Mail API를 추가하여 이메일을 보낼 것입니다. 플러그인의 샘플 앱을 사용하면 다음을 수행할 수 있습니다.

  • 첨부 파일이 있는 이메일을 보냅니다.
  • 사진을 찍어 첨부파일로 첨부합니다.

Android 기기에서 앱을 실행할 때 앱이 다음과 같이 표시됩니다.

SendGrid 플러그인을 사용하는 방법에 대한 비디오도 확인할 수 있습니다.

새 모바일 앱 만들기:

첫 번째 단계는 Appery.io에서 새 앱을 만드는 것입니다.

  1. 플랫폼에 들어가면 새 앱 만들기 버튼을 클릭합니다. 앱 이름에 SendGridApp (기본 PhoneApp 옵션 선택)을 입력하고 만들기 버튼을 클릭합니다.
  2. 프로젝트 보기에서 페이지 > 시작 화면 을 클릭하십시오. 장치 화면이 열립니다. 페이지는 다음과 같아야 합니다.

새로운 모바일 앱을 만들었습니다. 쉬웠죠?

SendGrid 플러그인 추가:

이제 새 앱이 생겼으므로 SendGrid 플러그인을 추가할 것입니다.

1. 플러그인을 가져오려면 새로 만들기 > 플러그인 에서를 클릭합니다.

2. 통신 카테고리에서 SendGrid Mail API 를 볼 수 있습니다.

3. 선택한 플러그인 가져오기 를 클릭합니다.

4. 시작 페이지를 설정할 것인지 묻는 메시지가 표시됩니다. 메일 페이지를 선택하십시오. 항상 프로젝트 > 앱 설정 > 일반 으로 이동하여 시작 페이지를 변경합니다.

5. 이 단계는 선택 사항이지만 이 앱에서 사용되는 테마를 변경할 수도 있습니다.

ㅏ. 프로젝트 > 앱 설정 > 일반 으로 이동합니다.

비. 테마 의 경우 재질-디자인 을 선택합니다.

6. 페이지 > 메일 페이지 를 엽니다. 페이지는 다음과 같습니다(소재 디자인 테마 사용).

플러그인에는 샘플 앱이 포함되어 있습니다. 앱을 테스트하려면 SendGrid API 플러그인을 구성해야 합니다. 다음에 이 작업을 수행할 것이지만 먼저 SendGrid 계정 정보가 보호되는지 확인해야 합니다.

보안 프록시 설정:

SendGrid 계정에 가입하면 API를 호출할 때 사용할 사용자 이름과 API 키(비밀번호)를 받습니다. 누군가가 이 정보에 액세스할 수 있게 되면 귀하의 계정을 사용하여 이메일을 보낼 수 있으므로 이 민감한 정보를 서버에 보관하고 싶습니다. 보안 프록시는 이 정보를 보호하므로 클라이언트에서 절대 볼 수 없습니다.

보안 프록시를 만드는 첫 번째 단계는 사용자 이름과 암호를 저장할 데이터베이스를 만드는 것입니다.

1. 앱 빌더에서 데이터베이스 (도구 모음에서)를 클릭하거나 http://appery.io/database로 이동합니다.

2. 새 데이터베이스 만들기 를 클릭합니다. 데이터베이스 이름으로 SendGridDB 를 입력하십시오. 만들기 를 클릭합니다.

3. 이제 새 컬렉션을 만들어야 합니다. 새 컬렉션 만들기 를 클릭합니다. 컬렉션 이름을 Credentials 로 지정합니다.

4. +Col 을 클릭하여 새 열을 만듭니다. 열 이름을 key로 지정합니다.

5. 다른 열을 만들고 이름을 keyValue 로 지정합니다.

6. 이제 SendGrid 키를 데이터베이스에 입력합니다.

ㅏ. +행 을 클릭하고 api_user_proxy 및 해당 값(사용자 이름)을 입력합니다.

비. api_key에 대해서도 동일한 작업을 반복합니다. +행 을 클릭하고 api_key_proxy 및 해당 값(비밀번호)을 입력합니다. 컬렉션은 다음과 같아야 합니다.

데이터베이스에 저장된 데이터는 이제 보안되고 비공개입니다. 다음으로 데이터베이스에 방금 저장한 데이터를 사용할 보안 프록시를 생성합니다.

1. 보안 프록시 탭을 클릭하거나 http://appery.io/proxy로 이동합니다.

2. 새 프록시 만들기 를 클릭하고 프록시 이름을 SendGridProxy 로 지정합니다. 만들기 를 클릭합니다.

3. 프록시 설정 페이지에서 프록시 사용 + 데이터베이스에 민감한(개인) 데이터 저장을 선택합니다 .

4. 데이터베이스에 대해 SendGridDB 를 선택합니다.

5. 수집에 대해 자격 증명 을 선택합니다.

6. 키 열에 대해 키 를 선택하고 값 열에 대해 keyValue 를 선택합니다.

7. 저장 을 클릭합니다.

마지막 단계는 이 프록시를 사용하도록 서비스를 구성하는 것입니다. 플러그인에는 이메일을 보낼 수 있는 SendGrid_Mail이라는 서비스가 있으므로 몇 가지만 구성하면 됩니다.

  1. 앱 빌더 내에서 서비스 > SendGrid_Mail 서비스를 엽니다.
  2. Appery.io 프록시 사용 의 경우 새로 고침 버튼을 클릭하여 방금 생성한 새 프록시를 로드하고 선택합니다(SendGridProxy).
  3. 요청 탭으로 전환합니다. 이 탭에는 모든 서비스 요청 매개변수가 포함되어 있습니다. 또한 서비스가 프록시에서 api_user 및 api_key 를 가져오는 것을 알 수 있습니다. 설정해야 하는 하나의 요청 매개변수는 에서 입니다. "보낸사람" 이메일입니다.

요청 탭은 다음과 같습니다.

  • api_key – SendGrid API 키(비밀번호). 보안을 위해 Appery.io 데이터베이스에 저장
  • api_user – SendGrid 사용자 이름. 보안을 위해 Appery.io 데이터베이스에 저장
  • ~로 이메일을 보내다
  • toname (선택 사항) - 이름
  • 이메일에서 – 이메일에서
  • fromname(선택 사항) – from name
  • 제목 – 이메일 제목
  • 텍스트 – 이메일 텍스트

서비스를 수정하고 SendGrid Mail API에서 지원하는 더 많은 요청 매개변수를 추가할 수 있습니다.

from (및 선택적 toname 및 fromname) 외에 페이지에서 매핑되므로 서비스에서 값을 설정할 필요가 없습니다. 다음은 페이지에서 매핑이 표시되는 방식입니다( Pages > mail > Data > sendgrid_email service > Before send mapping ).

플러그인에 대해 자세히 알고 싶거나 샘플 앱을 수정하거나 첨부 파일 없이 이메일을 보내려면 플러그인 설명서를 읽어보세요.

앱 테스트:

앱을 테스트할 준비가 되었습니다.

1. "테스트" 버튼을 클릭하여 브라우저에서 앱을 실행합니다.

ㅏ. 브라우저에서 앱을 테스트하면 카메라를 호출할 수 없습니다. 여전히 메시지를 보낼 수 있습니다. 프로젝트 > JavaScript > SampleImageScript 에서 생성된 샘플 이미지가 대신 전송됩니다.

2. 가장 빠른 카메라 사용 방법은 Appery.io Tester 앱을 사용하거나 기기에 앱을 설치하는 것입니다.

Android 기기에서 앱을 테스트하는 중입니다.

브라우저에서 앱 테스트(QR 코드를 스캔하여 브라우저에서 기기의 앱을 실행할 수 있음):

무엇 향후 계획?

플러그인에 대해 자세히 알아보려면 플러그인 설명서 페이지를 방문하세요. 다른 SendGrid API를 앱에 추가할 수도 있습니다.

Appery.io App Builder 외에도 클라우드 데이터베이스, 푸시 알림 및 서버 스크립트와 같은 통합 백엔드 서비스를 사용하여 앱에 대한 맞춤형 비즈니스 로직을 작성할 수 있습니다.

요약

SendGrid 및 Appery.io를 사용하여 인앱 이메일 기능으로 앱을 구축하는 것은 빠르고 간단합니다. SendGrid API 플러그인은 Appery.io에서 모바일 앱을 구축할 때 빠르게 통합, 테스트 및 보호할 수 있습니다.

저자 소개 : Max Katz는 클라우드 기반 모바일 앱 플랫폼인 Appery.io의 개발자 관계를 이끌고 있습니다. 그는 모바일 앱에서 새롭고 멋진 REST API를 시도하는 것을 좋아합니다. Max는 두 권의 책 "Practical RichFaces"(Apress 2008, 2011), DZone MVB(Most Valuable Blogger)의 저자이며 개발자 컨퍼런스에서 자주 연사를 하고 있습니다. Max의 블로그 http://maxkatz.org 및 Twitter: @maxkatz에서 Max가 무엇을 하고 있는지 확인할 수 있습니다.