Wie Sie eine Liste mit aktiven Twilio-Nummern schnell exportieren, diese übertragen und ihre Verwendung prüfen

Wie Sie eine Liste mit aktiven Twilio-Nummern schnell exportieren, diese übertragen und ihre Verwendung prüfen

In diesem Beitrag erfahren Sie, wie Sie schnell eine Web-App erstellen können, mit der Sie eine Liste Ihrer Twilio-Nummern exportieren, diese innerhalb Ihres Hauptkontos übertragen und die Nutzung der einzelnen Nummern und Assets Ihres Twilio-Kontos überprüfen können.

Für die Einrichtung benötigen Sie weder einen eigenen Server noch müssen Sie programmieren können. Sie müssen den Code nicht einmal lesen, wenn Sie nicht möchten. Ich zeige Ihnen, wie Sie all diese Schritte mit dem Functions-Produkt von Twilio ausführen können, auf das Sie direkt von Ihrer Twilio-Konsole aus zugreifen können.

Demo-App

Bevor ich Ihnen zeige, wie Sie die App in Ihrem Twilio-Konto erstellen, können Sie sie in unserem Demo-Konto testen.

Auch im Video unten erfahren Sie, wie die App funktioniert.

Wie gehen wir also vor?

Sie benötigen keinen eigenen Server, da die App auf unserem Twilio Functions-Dienst gehostet wird. Ausführliche Informationen zu Twilio Functions finden Sie hier.

Sie können den JavaScript-Code, HTML, CSS und weitere Assets hosten, die zum Erstellen der App erforderlich sind. Wir bezeichnen diesen Entwicklungsstil als serverloses Computing, da Functions automatisch Ressourcen bereitstellt, wenn Sie das Tool verwenden.

Der Code für die Funktion wird aus unserem GitHub-Repository kopiert, das Sie auf GitHub finden.

Da Sie den Code kopieren, müssen Sie nicht programmieren können. Beachten Sie, dass Sie den Code auch auf Ihrem eigenen Server hosten und ihn sogar in Ihre eigene Website integrieren können.

Voraussetzungen

Da Sie nun wissen, wo der Code zu finden ist, schauen wir uns an, was Sie benötigen, um die App zu erstellen.

Für dieses Tutorial benötigen Sie lediglich Folgendes:

• Einen beliebigen Browser (am besten aktualisiert)

• Ein Twilio-Konto (registrieren Sie sich bei Twilio, wenn Sie noch kein Konto haben)

Wie Sie die App erstellen und im Browser verwenden

Im folgenden Video zeigen wir die Schritte, die zum Erstellen der App in Twilio Functions erforderlich sind:

Die im Video erwähnten Schritte sind außerdem weiter unten im Detail aufgeführt.

• Die Funktion sollte unter Ihrem Hauptkonto erstellt werden.

• Sie haben die Möglichkeit, in den erstellten Apps die Protokolle aller Unterkonten zu durchsuchen, die sich unter Ihrem Hauptkonto befinden.

Erforderliche Schritte:

1. Öffnen Sie das GitHub-Repository für die gewünschte Funktion. Wir werden beim Erstellen der Funktion in der Konsole darauf verweisen.

2. Erstellen Sie eine neue Funktion in Ihrer Twilio-Konsole, indem Sie Functions & Assets (Funktionen und Assets) > Services > Create Service (Service erstellen) wählen.

3. Fügen Sie eine neue Funktionsdatei hinzu (Schaltfläche oben links) und nennen Sie sie wie die Funktion im Ordner /functions auf GitHub (ohne die Erweiterung .js).

4. Wiederholen Sie Schritt 3 für alle Dateien im Ordner /functions.

5. Öffnen Sie das Verzeichnis /assets im GitHub-Repository.

6. Erstellen Sie eine Asset-Datei (Schaltfläche oben links), und nennen Sie sie index.html (mit der Erweiterung .html).

7. Öffnen Sie die Datei im GitHub-Repository und kopieren Sie den Codeinhalt aus der Datei index.html.

8. Führen Sie das Gleiche für die .css-Dateien aus, die sich im Assets-Ordner befinden.

9. Wenn Sie diese Assets im Online-Editor öffnen, sollte in der rechten unteren Ecke „html“ bzw. „css“ stehen.

10. Klicken Sie auf Environmental Variables (Umgebungsvariablen) und fügen Sie einen neuen Schlüssel mit dem Namen „Password“ mit Ihrem gewünschten Wert hinzu (dies wird Ihr Kennwort zur Verwendung der App sein).

11. Speichern Sie alle Funktionen und Assets im Online-Editor.

12. Im Online-Editor wird neben dem Namen der einzelnen Dateien die aktuelle Zugriffsebene angezeigt. Setzen Sie diese für alle Dateien auf Public (Öffentlich). Sie sind standardmäßig Protected (Geschützt).

13. Klicken Sie auf Deploy all (Alle bereitstellen) und warten Sie, bis die Bereitstellung abgeschlossen ist.

14. Klicken Sie auf Dependencies (Abhängigkeiten) und aktualisieren Sie gegebenenfalls einige Elemente:

    1. Das Twilio-Modul mit Version ^3.61.0.

    2. Den @twilio/runtime-handler mit Version1.2.1.

    3. Legen Sie die Node-Version oben auf 18 fest.

15. Klicken Sie auf Deploy all (Alle bereitstellen) und warten Sie auf die Bereitstellung.

16. Klicken Sie in der Liste in der Konsole auf index.html und klicken Sie in der rechten unteren Ecke auf Copy URL (URL kopieren). Fügen Sie dies in eine neue Browserregisterkarte ein und drücken Sie die Eingabetaste. Dadurch wird die App geöffnet.

Setzen Sie ein Lesezeichen für die App-URL, damit Sie sie jederzeit verwenden können, nachdem Sie die obigen Schritte ausgeführt haben. Falls Sie die URL verlieren, öffnen Sie einfach die Funktion in der Konsole und wiederholen Sie Schritt 16.

Die App sieht genauso aus wie im Demo-Video oben. Es kann jedoch sein, dass Sie in Ihrer App zusätzliche Funktionen sehen, die ich nach der Aufzeichnung des Videos möglicherweise noch hinzugefügt habe. Außerdem fehlen in Ihrer App die Liste der Unterkonten, das offengelegte Kennwort und einige weitere Informationen, die nur für die Demo bestimmt waren. Seien Sie aber versichert, dass die Kernfunktionen vorhanden sind!

Um sicherzustellen, dass alles korrekt konfiguriert ist, sehen Sie sich die folgenden Screenshots an.

Was können Sie mit dieser App noch tun und was sollten Sie beachten?

Nachdem wir uns nun angeschaut haben, wie Sie eine App erstellen, mit der Sie Ihre Nummern verwalten und deren Nutzung überprüfen können, sehen wir uns nun die Anpassung der App, Sicherheitsaspekte und einige weitere Punkte an.

Der GitHub-Link, den ich geteilt habe, ist Teil eines größeren Repositorys, das Twilio-Codebeispiele enthält.

Jedes Verzeichnis enthält Assets und Funktionen, die Sie auf die gleiche Weise in eine neue Funktion kopieren können, wie ich oben in der nummerierten Liste im Abschnitt „App erstellen“ beschrieben habe. Das bedeutet zunächst, dass Sie die App nicht mit jeder Funktion erstellen müssen, sondern nur mit den Funktionen, die Sie haben möchten – jede kann als separate Funktion mit einer anderen URL und einem anderen Kennwort erstellt werden.

Ein weiterer großer Vorteil von Functions ist die Möglichkeit der Zugriffskontrolle (Sichtbarkeit von Funktionen). Da die erstellte App in einem Browser öffentlich zugänglich ist (aber nur verwendet werden kann, wenn Sie das Kennwort kennen), können Sie die Funktionen „Private“ (Privat) oder Protected (Geschützt) halten und nur dann auf „Public“ (Öffentlich) setzen, wenn Sie sie verwenden müssen (weitere Informationen finden Sie oben in Schritt 12).

Damit die App so sicher wie möglich ist, sollten Sie nicht nur die Sichtbarkeit von Funktionen kontrollieren, sondern auch ein sicheres Kennwort festlegen und den Link der App sowie das Kennwort nur an Personen weitergeben, denen Sie vertrauen und die die App verwenden sollen.

Wichtig ist vor allem, dass Sie in der Online-Funktion auf die Schaltfläche Deploy all (Alle bereitstellen) klicken müssen, sobald Sie Ihre Änderungen vorgenommen haben. Falls Fehler vorliegen oder die Funktion nicht ordnungsgemäß bereitgestellt wurde, wird ein Protokoll angezeigt.

Nun fragen Sie sich vielleicht, ob Twilio für die Nutzung von Functions etwas berechnet. Für die Nutzung von Functions erhebt Twilio eine Gebühr – es gibt eine kostenlose Version, die monatlich zurückgesetzt wird. Daher sollten Sie sich der Kosten für die Nutzung bewusst sein.

Wir sind gespannt, was Sie daraus machen. Viel Spaß!

Vielen Dank an Jyden Tyree für die Aufnahme der Videos zu diesem Beitrag.

Danijel Šumberac ist Senior Manager bei Twilio und verfügt über langjährige Führungserfahrung und Kenntnisse in den Bereichen Programmieren, SQL und Datenanalyse. Insbesondere möchte er Nutzer:innen in die Lage zu versetzen, ihre eigenen API-Lösungen zu erstellen. Er ist unter dsumberac [@] twilio.com zu erreichen.