Maison >interface Web >js tutoriel >Envoi de courriels avec l'API JavaScript Gmail

Envoi de courriels avec l'API JavaScript Gmail

William Shakespeare
William Shakespeareoriginal
2025-02-18 10:23:10857parcourir

Cet article montre la création d'une application Gmail à l'aide de l'API Gmail JavaScript, prolongeant un exemple précédent pour inclure l'envoi, la composition et la réponse des e-mails. Aucune connaissance préalable de l'article précédent n'est requise. Le code source complet est disponible sur GitHub (dossier 02 - Envoi du courrier).

Caractéristiques de clé:

Configuration de l'API Gmail:

    Créer un projet de console de développeur Google.
  1. Générez une clé API de navigateur (envisagez d'ajouter des références HTTP pour la production).
  2. générer un ID client OAuth pour une application Web, spécifiant les origines JavaScript autorisées (par exemple,
  3. ). Un URI de redirection n'est pas nécessaire. http://localhost

Sending Emails with the Gmail JavaScript API

Configuration de l'application:

    Clone L'exemple de code:
  1. git clone git@github.com:sitepoint-editors/gmail-api-javascript-example.git
  2. dans
  3. , remplacez les espaces réservés par votre clé API et votre ID client. index.html
  4. Mettez à jour la variable
  5. dans scopes pour inclure index.html. 'https://www.php.cn/link/ef1f3fc8be928fd5b5e721689bb92b7b'

Envoi des e-mails:

Un bouton "Composer" est ajouté à l'interface utilisateur, ouvrant un modal pour la composition des e-mails. La fonction

gère la soumission, désactivant le bouton d'envoi pendant l'opération asynchrone pour éviter plusieurs soumissions. La fonction sendEmail() interagit avec l'API Gmail, en construisant le message RFC 5322 (y compris les en-têtes) et le codante Base64 avant l'envoi. La fonction sendMessage() nettoie le modal après l'envoi réussi. composeTidy()

Sending Emails with the Gmail JavaScript API

Répondre aux e-mails:

Un bouton "Répondre" est ajouté au modal de vue du message. La fonction fillInReply() remplit une réponse modale avec le destinataire, le sujet (préfixé avec "re:") et Message-ID pour un filetage approprié. La fonction sendReply() envoie la réponse, en utilisant l'en-tête In-Reply-To. replyTidy() nettoie la réponse modale.

Sending Emails with the Gmail JavaScript API

Améliorations et caractéristiques supplémentaires:

  • Demandes d'autorisation échelonnées (en lecture seule initialement, puis envoyez l'autorisation).
  • Amélioration du champ "à" dans le modal composé (nom et e-mail).
  • Complète automatique pour le champ "TO" à l'aide des listes de contacts.
  • transfert des e-mails.
  • Prise en charge CC et BCC.
  • Visualisation de l'en-tête complète.
  • Html Email Support avec Wysiwyg Editor.

Questions fréquemment posées (FAQ):

L'article se termine par une section FAQ couvrant des sujets tels que l'envoi d'e-mails avec des pièces jointes, plusieurs destinataires, la planification (à l'aide du script Google Apps), des e-mails HTML, une gestion des erreurs, des en-têtes personnalisés, une authentification, des emojis, des images en ligne et une surveillance des quotas. Ces FAQ fournissent des réponses concises et indiquent des techniques pertinentes.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn