suchen
HeimWeb-Frontendjs-TutorialSenden von E -Mails mit der Google Mail JavaScript -API

Dieser Artikel zeigt, dass das Erstellen einer Google Mail -App mit der Google Mail JavaScript -API erstellt wird, ein früheres Beispiel erweitert, um das Senden, Verfassen und Beantworten von E -Mails einzuschließen. Es ist keine Vorkenntnisse des vorherigen Artikels erforderlich. Der vollständige Quellcode ist auf GitHub (Ordner 02 - E -Mail) verfügbar.

Schlüsselmerkmale:

  • Verwendet die Google Mail JavaScript -API zum Lesen, Komponieren und Antworten auf E -Mails.
  • erfordert das Einrichten eines Google Developer -Konsolenprojekts und das Generieren von API -Schlüssel- und OAuth -Client -ID -ID -Anmeldeinformationen.
  • Needs 'https://www.php.cn/link/244e6b76cb404f1e057b6417e1c7eab5' and 'https://www.php.cn/link/ef1f3fc8be928fd5b5e721689bb92b7b' scopes for sending E -Mails.
  • sendet E -Mails mit dem Endpunkt Users.messages: send, der RFC 5322 konforme Nachrichten erstellt.
  • Während die direkte E -Mail -Planung nicht unterstützt wird, kann das Skript von Google Apps für die zeitgesteuerte E -Mail -Zustellung verwendet werden.

Einrichten der Google Mail -API:

  1. Erstellen Sie ein Google Developer Console -Projekt.
  2. generieren Sie einen Browser -API -Schlüssel (Erwägen Sie HTTP -Empfehlungen für die Produktion).
  3. generieren Sie eine OAuth -Client -ID für eine Webanwendung und geben autorisierte JavaScript -Ursprünge an (z. B. http://localhost). Ein Umleitungs -URI ist nicht benötigt.

Sending Emails with the Gmail JavaScript API

Anwendungsaufbau:

  1. Klonen Sie den Beispielcode: git clone git@github.com:sitepoint-editors/gmail-api-javascript-example.git
  2. In index.html ersetzen Sie Platzhalter durch Ihre API -Taste und Ihre Client -ID.
  3. Aktualisieren Sie die scopes -Variable in index.html, um 'https://www.php.cn/link/ef1f3fc8be928fd5b5e721689bb92b7b' zu enthalten.

Senden von E -Mails:

Eine "komponierte" Schaltfläche zur Benutzeroberfläche wird hinzugefügt, wodurch ein Modal zum Verfassen von E -Mails geöffnet wird. Die Funktion sendEmail() übernimmt die Einreichung und deaktiviert die Send -Taste während des asynchronen Vorgangs, um mehrere Einreichungen zu verhindern. Die sendMessage() -Funktion interagiert mit der Google Mail -API und baut die RFC 5322 -Nachricht (einschließlich Header) und Base64 vor dem Senden codiert. Die Funktion composeTidy() räumt das Modal nach erfolgreichem Senden auf.

Sending Emails with the Gmail JavaScript API

Antwort auf E -Mails:

Eine "Antwort" -Taste wird dem Modal zur Nachrichtenansicht hinzugefügt. Die fillInReply() -Funktion füllt ein Antwortmodal mit Empfänger, Betreff (vorangestellt mit "Re:") und Message-ID für ordnungsgemäße Threading. Die Funktion sendReply() sendet die Antwort mit dem In-Reply-To -Header. replyTidy() reinigt das Antwortmodal.

Sending Emails with the Gmail JavaScript API

Weitere Verbesserungen und Merkmale:

  • gestaffelte Autorisierungsanfragen (zunächst schreibgeschützt, dann senden Sie die Berechtigung).
  • verbessert "auf das Feld" im komponellen Modal (Name und E -Mail).
  • automatische Vervollständigung für das Feld "to" mit Kontaktlisten.
  • E -Mail -Weiterleitung.
  • CC und BCC -Unterstützung.
  • Volle Header -Anzeige.
  • HTML -E -Mail -Support mit Wysiwyg Editor.

häufig gestellte Fragen (FAQs):

Der Artikel endet mit einem FAQ -Abschnitt, der Themen wie das Senden von E -Mails mit Anhängen, mehreren Empfängern, Planung (mit Google Apps -Skript), HTML -E -Mails, Fehlerbehandlung, benutzerdefinierte Header, Authentifizierung, Emojis, Inline -Bilder und Quotenüberwachung abdeckt. Diese FAQs bieten präzise Antworten und verweisen auf relevante Techniken.

Das obige ist der detaillierte Inhalt vonSenden von E -Mails mit der Google Mail JavaScript -API. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
JavaScript-Anwendungen: Von Front-End bis Back-EndJavaScript-Anwendungen: Von Front-End bis Back-EndMay 04, 2025 am 12:12 AM

JavaScript kann für die Entwicklung von Front-End- und Back-End-Entwicklung verwendet werden. Das Front-End verbessert die Benutzererfahrung durch DOM-Operationen, und die Back-End-Serveraufgaben über node.js. 1. Beispiel für Front-End: Ändern Sie den Inhalt des Webseitentextes. 2. Backend Beispiel: Erstellen Sie einen Node.js -Server.

Python vs. JavaScript: Welche Sprache sollten Sie lernen?Python vs. JavaScript: Welche Sprache sollten Sie lernen?May 03, 2025 am 12:10 AM

Die Auswahl von Python oder JavaScript sollte auf Karriereentwicklung, Lernkurve und Ökosystem beruhen: 1) Karriereentwicklung: Python ist für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet, während JavaScript für die Entwicklung von Front-End- und Full-Stack-Entwicklung geeignet ist. 2) Lernkurve: Die Python -Syntax ist prägnant und für Anfänger geeignet; Die JavaScript -Syntax ist flexibel. 3) Ökosystem: Python hat reichhaltige wissenschaftliche Computerbibliotheken und JavaScript hat ein leistungsstarkes Front-End-Framework.

JavaScript -Frameworks: Stromversorgung moderner WebentwicklungJavaScript -Frameworks: Stromversorgung moderner WebentwicklungMay 02, 2025 am 12:04 AM

Die Kraft des JavaScript -Frameworks liegt in der Vereinfachung der Entwicklung, der Verbesserung der Benutzererfahrung und der Anwendungsleistung. Betrachten Sie bei der Auswahl eines Frameworks: 1. Projektgröße und Komplexität, 2. Teamerfahrung, 3. Ökosystem und Community -Unterstützung.

Die Beziehung zwischen JavaScript, C und BrowsernDie Beziehung zwischen JavaScript, C und BrowsernMay 01, 2025 am 12:06 AM

Einführung Ich weiß, dass Sie es vielleicht seltsam finden. Was genau muss JavaScript, C und Browser tun? Sie scheinen nicht miteinander verbunden zu sein, aber tatsächlich spielen sie eine sehr wichtige Rolle in der modernen Webentwicklung. Heute werden wir die enge Verbindung zwischen diesen drei diskutieren. In diesem Artikel erfahren Sie, wie JavaScript im Browser ausgeführt wird, die Rolle von C in der Browser -Engine und wie sie zusammenarbeiten, um das Rendern und die Interaktion von Webseiten voranzutreiben. Wir alle kennen die Beziehung zwischen JavaScript und Browser. JavaScript ist die Kernsprache der Front-End-Entwicklung. Es läuft direkt im Browser und macht Webseiten lebhaft und interessant. Haben Sie sich jemals gefragt, warum Javascr

Node.js Streams mit TypeScriptNode.js Streams mit TypeScriptApr 30, 2025 am 08:22 AM

Node.js zeichnet sich bei effizienten E/A aus, vor allem bei Streams. Streams verarbeiten Daten inkrementell und vermeiden Speicherüberladung-ideal für große Dateien, Netzwerkaufgaben und Echtzeitanwendungen. Die Kombination von Streams mit der TypeScript -Sicherheit erzeugt eine POWE

Python vs. JavaScript: Leistung und EffizienzüberlegungenPython vs. JavaScript: Leistung und EffizienzüberlegungenApr 30, 2025 am 12:08 AM

Die Unterschiede in der Leistung und der Effizienz zwischen Python und JavaScript spiegeln sich hauptsächlich in: 1 wider: 1) Als interpretierter Sprache läuft Python langsam, weist jedoch eine hohe Entwicklungseffizienz auf und ist für eine schnelle Prototypentwicklung geeignet. 2) JavaScript ist auf einen einzelnen Thread im Browser beschränkt, aber Multi-Threading- und Asynchronen-E/A können verwendet werden, um die Leistung in Node.js zu verbessern, und beide haben Vorteile in tatsächlichen Projekten.

Die Ursprünge von JavaScript: Erforschung seiner ImplementierungsspracheDie Ursprünge von JavaScript: Erforschung seiner ImplementierungsspracheApr 29, 2025 am 12:51 AM

JavaScript stammt aus dem Jahr 1995 und wurde von Brandon Ike erstellt und realisierte die Sprache in C. 1.C-Sprache bietet Programmierfunktionen auf hoher Leistung und Systemebene für JavaScript. 2. Die Speicherverwaltung und die Leistungsoptimierung von JavaScript basieren auf C -Sprache. 3. Die plattformübergreifende Funktion der C-Sprache hilft JavaScript, auf verschiedenen Betriebssystemen effizient zu laufen.

Hinter den Kulissen: Welche Sprache macht JavaScript?Hinter den Kulissen: Welche Sprache macht JavaScript?Apr 28, 2025 am 12:01 AM

JavaScript wird in Browsern und Node.js -Umgebungen ausgeführt und stützt sich auf die JavaScript -Engine, um Code zu analysieren und auszuführen. 1) abstrakter Syntaxbaum (AST) in der Parsenstufe erzeugen; 2) AST in die Kompilierungsphase in Bytecode oder Maschinencode umwandeln; 3) Führen Sie den kompilierten Code in der Ausführungsstufe aus.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.