Wie man HTML-Variablen einfach an Google App Scripts übergibt

Описание: Entdecken Sie eine einfache Methode, um HTML-Variablen von der Benutzeroberfläche an Google App Scripts zu übergeben. Lernen Sie Schritt für Schritt, wie Sie dies in Ihren Projekten umsetzen können!
---
Dieses Video basiert auf der Frage https://stackoverflow.com/q/62369985/ gestellt von dem Nutzer 'Isiah' ( https://stackoverflow.com/u/13743303/ ) sowie auf der Antwort https://stackoverflow.com/a/62375641/ bereitgestellt von dem Nutzer 'Cooper' ( https://stackoverflow.com/u/7215091/ ) auf der Website 'Stack Overflow'. Vielen Dank an diese großartigen Nutzer und die Stackexchange-Community für ihre Beiträge.

Besuchen Sie diese Links, um den Originalinhalt und weitere Details zu sehen, z. B. alternative Lösungen, aktuelle Entwicklungen zum Thema, Kommentare, Versionsverlauf usw. Der ursprüngliche Titel der Frage lautete beispielsweise: How do you pass HTML variables to google app scripts

Außerdem steht der Inhalt (außer Musik) unter der Lizenz CC BY-SA https://meta.stackexchange.com/help/l...
Der ursprüngliche Fragenbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ), und der ursprüngliche Antwortbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ).

Falls Ihnen irgendetwas auffällt oder Unstimmigkeiten bestehen, schreiben Sie mir bitte an vlogize [AT] gmail [DOT] com.
---
Wie man HTML-Variablen einfach an Google App Scripts übergibt

Die Arbeit mit Google App Scripts kann unglaublich mächtig sein, besonders wenn Sie Ihre Anwendungen erweitern möchten, indem Sie Benutzereingaben aus einer HTML-Oberfläche aufnehmen. Viele Entwickler haben jedoch Schwierigkeiten, Variablen von ihrem HTML-Frontend zum Google Apps Script-Backend zu übermitteln. In diesem Blogbeitrag bieten wir eine klare und strukturierte Lösung für dieses Problem.

Das Problem

Dieses Szenario ist Ihnen sicher bekannt: Sie haben ein HTML-Formular, in das Benutzer Daten eingeben können, beispielsweise eine Beschreibung in einem Textbereich (textarea), und möchten diese Daten zur Verarbeitung (z. B. zum Versenden einer E-Mail) an Ihr Google App Script senden. Egal, ob Sie eine Web-App oder ein Google Sheets-Add-on entwickeln, die wirkungsvolle Integration von Benutzereingaben ist der Schlüssel zu einer ansprechenden Nutzererfahrung.

Im vorliegenden Beispiel möchten Sie:

Benutzereingaben aus einem Textfeld erfassen.

Diese Daten an Google App Scripts übergeben, um weitere Aktionen auszulösen.

Die Lösung

Hier ist ein einfacher Ansatz, um HTML-Variablen an Google App Scripts zu übergeben.

Schritt 1: Ihr HTML-Formular einrichten

Zunächst passen wir den vorhandenen HTML-Code an, damit die Benutzereingaben korrekt an die in Google Apps Script definierte Serverfunktion übermittelt werden:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Schritt 2: Definieren Sie die Serverfunktion in Google Apps Script

Sie müssen die entsprechende Serverfunktion erstellen, um diese Daten zu empfangen:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Erläuterung des Codes

HTML-Formularelemente:

Ein Eingabefeld und ein Textbereich ermöglichen es dem Benutzer, Daten einzugeben.

Ein Button mit der Aufschrift „Senden“ löst die JavaScript-Funktion myFunction() aus.

JavaScript-Funktion:

myFunction() ermittelt die Werte aus den Eingabefeldern.

Mit google.script.run wird die Funktion serverfunctionname aufgerufen, der die Werte als Parameter übergeben werden.

Serverfunktion:

In Ihrem Google Apps Script empfängt serverfunctionname zwei Parameter, x und y, die die Benutzereingaben repräsentieren.

Die Funktion zeigt zur Demonstration eine Benachrichtigung mit den erhaltenen Informationen an.

Schritt 3: Ausführen Ihrer Web-App

Stellen Sie sicher, dass Sie die notwendigen Berechtigungen für Ihr Google App Script-Projekt gesetzt haben.

Verteilen Sie Ihr Skript als Web-App oder verwenden Sie es in Ihrer Google Sheets- oder Docs-Umgebung.

Testen Sie die Funktionalität, indem Sie Text in die Felder eingeben und auf „Senden“ klicken.

Fazit

Das Übergeben von HTML-Variablen an Google App Scripts ist nicht nur wertvoll, sondern steigert auch die Benutzerinteraktivität in Ihren Projekten. Wenn Sie die in dieser Anleitung beschriebenen Schritte befolgen, können Sie Benutzereingaben mühelos erfassen und entsprechend nutzen. Integrieren Sie diese Lösung in Ihre Anwendungen und erweitern Sie die Möglichkeiten Ihres Projekts!

Wenn Sie Fragen haben oder bei der Umsetzung auf Probleme stoßen, zögern Sie nicht, Kontakt aufzunehmen. Viel Erfolg beim Skripten!