이메일 보내기 위해 Netlify 기능

Jamstack 사이트에서 이메일 전송을위한 Netlify 기능 활용

Jamstack 웹 사이트 (서버 측 언어가없는)에서 이메일을 보내야합니까? NetLify 기능과 이메일 서비스 API를 사용하여 쉽게 달성 할 수 있습니다. 이 안내서는 SparkPost를 예로 사용하지만 원칙은 다른 서비스에 적용됩니다.

핵심 개념에는 프론트 엔드와 이메일 API 사이의 안전한 중개자 역할을하는 서버리스 기능 (Netlify Lambda와 같은)이 포함됩니다. 이렇게하면 GIT 저장소의 API 키가 노출되지 않도록 보호합니다.

SparkPost 설정 :

1. SparkPost 계정을 만들고 대시 보드에서 API 키를 얻습니다.

NetLify 구성 :

1. SparkPost API 키를 NetLify 환경 변수로 저장하십시오. 이것은 당신의 코드베이스에서 안전하고 벗어나게합니다.

지역 개발을 위해 Netlify Dev 사용 :

Netlify Dev는 로컬 테스트를 단순화합니다. 정적 사이트 생성기 (예 : Eleventy)를 자동으로 실행하고 기능을 위해 로컬 서버를 시작합니다. 터미널 출력은 기능 서버의 포트에 표시됩니다 (예 : ◈ Lambda server is listening on 59629 ).

새 함수를 만들려면 명령 줄을 사용하십시오.

 Netlify 함수 :-이름 보내기 전송을 작성하십시오

SparkPost node.js 라이브러리 사용 :

SparkPost는 API 상호 작용을 단순화하기위한 Node.js 라이브러리를 제공합니다. 필요한 디렉토리 구조 만들기 :

 <code>/project ... your website files ... /functions/ /send-email/ package.json send-email.js</code>

라이브러리 설치 :

 NPM SparkPost를 설치합니다

send-email.js 파일에는 기능 코드가 포함됩니다.

 const sparkpost = require ( 'sparkpost');
const client = new sparkpost (process.env.sparkpost);

Exports.Handler = async (이벤트, 컨텍스트, 콜백) => {
  노력하다 {
    const response = await client.transmissions.send ({
      콘텐츠: {
        에서 : '[이메일 보호]',
        제목 : '안녕하세요, 세상!',
        html : '<p> 내 멋진 이메일.</p> '
      },
      수신자 : [{주소 : '[이메일 보호]'}]
    });
    콜백 (null, {statusCode : 200, body : json.stringify (응답)});
  } catch (오류) {
    콜백 (오류);
  }
};

NetLify 환경 변수에서 API 키에 액세스하려면 process.env.SPARKPOST 를 사용하십시오. 포괄적 인 오류 처리 및 고급 기능은 SparkPost 설명서에 문의하십시오.

기능 테스트 :

Netlify Dev를 실행하면 다음과 같은 URL을 통해 기능에 액세스하십시오.

 <code>http://localhost:34567/.netlify/functions/send-email</code>

이메일 본문 및 수신자 데이터로 게시물 요청을 보내는 등보다 정교한 테스트를 위해 Postman 또는 Insomnia와 같은 도구를 사용할 수 있습니다. 기능 내에서 콘솔 로깅도 디버깅에 도움이됩니다.

이 설정을 통해 Jamstack 아키텍처 내에서 동적 전자 메일 전송 기능을 수행하여 보안을 유지하고 Netlify 기능의 편의를 활용할 수 있습니다. 특정 이메일 서비스 및 요구 사항에 코드를 조정해야합니다.

위 내용은 이메일 보내기 위해 Netlify 기능의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!