Tirer parti des fonctions Netlify pour l'envoi d'e-mails sur des sites Jamstack

Besoin d'envoyer des e-mails à partir de votre site Web Jamstack (un sans langages c?té serveur)? Il est facilement réalisable en utilisant des fonctions Netlify et une API de service de messagerie. Ce guide utilise SparkPost comme exemple, mais les principes s'appliquent à d'autres services.

Le concept de base implique une fonction sans serveur (comme un Netlify Lambda) pour agir comme un intermédiaire sécurisé entre votre frontend et l'API de messagerie. Cela protège votre clé API contre l'exposition dans votre référentiel GIT.

Configuration de Sparkpost:

1. Créez un compte SparkPost et obtenez votre clé API à partir du tableau de bord.

Configuration de Netlify:

1. Stockez votre clé API SparkPost en tant que variable d'environnement Netlify. Cela le maintient sécurisé et hors de votre base de code.

Utilisation de Netlify Dev pour le développement local:

Netlify Dev simplifie les tests locaux. Il exécute automatiquement votre générateur de sites statique (par exemple, Eleventy) et démarre un serveur local pour vos fonctions. La sortie du terminal affichera le port du serveur de fonctions (par exemple, ? Lambda server is listening on 59629 ).

Pour créer une nouvelle fonction, utilisez la ligne de commande:

 Fonctions Netlify: Create --name Send-Email

Utilisation de la bibliothèque SparkPost Node.js:

SparkPost fournit une bibliothèque Node.js pour simplifier l'interaction API. Créez la structure du répertoire nécessaire:

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

Installez la bibliothèque:

 NPM Install Sparkpost - Save-DEV

Le fichier send-email.js contiendra le code de fonction:

 const SparkPost = require ('sparkpost');
const Client = new SparkPost (process.env.sparkPost);

exports.handler = async (événement, contexte, rappel) => {
  essayer {
    const Response = Await Client.Transmissions.Send ({{
      contenu: {
        De: ?[e-mail protégé]?,
        Sujet: ?Bonjour, monde!?,
        html: '<p> Mon e-mail sympa.</p> '
      },
      destinataires: [{adresse: '[e-mail protégé]'}]
    });
    callback (null, {statuscode: 200, body: json.stringify (réponse)});
  } catch (erreur) {
    rappel (erreur);
  }
};

Remarquez l'utilisation de process.env.SPARKPOST pour accéder à la clé API à partir de la variable d'environnement NetLify. N'oubliez pas de consulter la documentation SparkPost pour une gestion complète des erreurs et des fonctionnalités avancées.

Test de la fonction:

Avec NetLify Dev en cours d'exécution, accédez à votre fonction via une URL comme:

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

Vous pouvez utiliser des outils tels que Postman ou Insomnia pour des tests plus sophistiqués, notamment l'envoi de demandes de publication avec des données de corps et de destinataire. La journalisation de la console dans la fonction est également utile pour le débogage.

Cette configuration permet aux capacités d'envoi de courriels dynamiques dans une architecture Jamstack, en maintenant la sécurité et en tirant parti de la commodité des fonctions Netlify. N'oubliez pas d'adapter le code à votre service de messagerie et aux exigences spécifiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!