Freigeben über

GraphQL für Azure für JavaScript-Entwickler

GraphQL hilft Ihren JavaScript-Anwendungen, genau die Daten abzurufen, die sie mit einer einzigen Anforderung benötigen. In diesem Artikel wird erläutert, was GraphQL ist, warum Sie es verwenden können, und wie Azure-Dienste Ihnen helfen können, GraphQL-Anwendungen mit minimalem Aufwand zu erstellen. Ganz gleich, ob Sie eine vorhandene GraphQL-Anwendung migrieren oder eine neue erstellen, Azure stellt Tools und Dienste bereit, um den Prozess zu vereinfachen.

Was ist GraphQL?

GraphQL ist eine moderne Möglichkeit für Ihre Webanwendung, mit Servern und Datenbanken zu kommunizieren. Stellen Sie sich dies als intelligentere Möglichkeit vor, genau die benötigten Informationen anzufordern:

  • Es ist wie das Bestellen einer benutzerdefinierten Mahlzeit, anstatt ein festes Menü zu akzeptieren - Sie fragen genau, was Sie möchten.
  • Es funktioniert gut mit JavaScript-Anwendungen wie React, Vue oder Angular
  • Es kann Ihre Web-Apps schneller und einfacher erstellen

Anstatt mehrere Anforderungen an verschiedene Serverendpunkte (z. B. mit herkömmlichen REST-APIs – die Standardmethode für die Kommunikation der meisten Webdienste) zu stellen, können Sie eine genaue Anforderung erstellen, um alle benötigten Daten abzurufen.

Warum möchte ich GraphQL in meiner Web-App verwenden?

GraphQL macht Ihre JavaScript-Anwendungen auf drei Hauptmethoden besser:

  • Holen Sie sich genau das, was Sie benötigen: Ihre App kann jetzt nur die benötigten Daten anfordern – nicht mehr, nicht weniger. Dies ist so, als würde man zu einem Buffet gehen und nur das nehmen, was man essen wird, anstatt eine riesige, festgelegte Mahlzeit serviert zu bekommen, bei der das meiste verschwendet wird. Dadurch wird Ihre App schneller, da sie weniger Daten herunterlädt.

  • Eine Anforderung anstelle von vielen: Benötigen Sie Informationen von mehreren Orten? Anstatt 5 verschiedene Anforderungen an 5 verschiedene Endpunkte zu stellen, können Sie mit GraphQL nur eine Anforderung zum Abrufen aller Elemente vornehmen. Dies ist wie eine Person, die alle Ihre Einkäufe sammelt, anstatt zu fünf verschiedenen Geschäften zu gehen.

  • Weniger Fehler mit besseren Tools: GraphQL enthält Tools, mit denen Fehler beim Codieren und nicht beim Ausführen der App erfasst werden können. Es ist wie die Rechtschreibprüfung, die während der Eingabe funktioniert, anstatt Tippfehler zu ermitteln, nachdem Sie Ihr Dokument veröffentlicht haben.

Beim Erstellen mit GraphQL und JavaScript verwenden Sie wahrscheinlich eines der folgenden gängigen Tools:

  • Apollo Client: Der am häufigsten verwendete GraphQL-Client, der mit React, Vue, Angular und einfachem JavaScript arbeitet.
  • URQL: Eine einfache Alternative mit guter Leistung.
  • Relay: Erstellt von Facebook (der auch GraphQL erstellt hat), am besten für große React-Anwendungen.

Azure-Dienste für GraphQL-Anwendungen

Wählen Sie Ihren Ansatz basierend auf Ihrem spezifischen Szenario aus:

Inhalt Dann sollten Sie ... Verwenden dieser Azure-Dienste
Übertragen einer vorhandenen GraphQL-App zu Azure Bereitstellen der Anwendung ohne Ändern des Codes Azure App Service oder Azure-Container-Apps
Hinzufügen von GraphQL zu vorhandenen Daten Erstellen von GraphQL-Endpunkten für Ihre Daten mit minimaler Codierung Daten-API-Generator
Erstellen einer GraphQL-API-Ebene Erstellen einer einheitlichen GraphQL-Schnittstelle über vorhandene APIs Azure API Management mit GraphQL-Transformation

Hosten von GraphQL-Anwendungen in Azure

Sie haben einige gute Optionen, je nachdem, welche Art von Anwendung Sie erstellen:

  • App-Dienst: Dies ist wie ein herkömmlicher Webhostingdienst, aber mit zusätzlichen Features. Es eignet sich hervorragend für die meisten JavaScript-Anwendungen, die einen Server benötigen.

  • Container-Apps: Wenn Ihre Anwendung in Containern verpackt ist (z. B. Docker), erleichtert dieser Dienst die Ausführung und Skalierung.

Datenspeicher für GraphQL-Anwendungen

GraphQL muss eine Verbindung mit Ihren Daten herstellen. Azure bietet verschiedene Möglichkeiten, dies zu tun:

  • Verwandeln Sie Ihre Datenbank in eine GraphQL-API: Das Tool "Daten-API-Generator" kann automatisch einen GraphQL-Endpunkt (eine URL, über die Ihre App GraphQL-Anforderungen senden kann) aus Ihrer vorhandenen Datenbank erstellen – keine Codierung erforderlich!

  • Speichern Sie Ihre Daten: Azure bietet Datenbanken für unterschiedliche Anforderungen an:

    • SQL-Datenbank: Für herkömmliche tabellenbasierte Daten
    • Cosmos DB: Für flexible, skalierbare Datenspeicher ohne starre Schemas

Sichere GraphQL-Anwendungen

  • Benutzeranmeldung und Sicherheit: Die Identitätsplattform von Azure hilft Ihnen, Ihrer Anwendung Anmeldefunktionen hinzuzufügen, sodass nur die richtigen Personen auf Ihre GraphQL-Daten zugreifen können.
  • Rollenbasierter Zugriff: Steuern Sie genau, welche Benutzer welche Daten über Ihre GraphQL-Endpunkte abfragen oder ändern können.
  • API-Schutz: Fügen Sie die Ratebegrenzung und -überwachung hinzu, um Missbrauch Ihrer GraphQL-APIs zu verhindern.

Erstellen von GraphQL-APIs für Ihre vorhandenen Daten

Sie verfügen bereits über Daten in Azure und möchten mit GraphQL darauf zugreifen? Hierfür gibt es einfache Möglichkeiten:

  • API-Verwaltung: Dieser Dienst kann eine GraphQL-Ebene vor Ihren vorhandenen APIs oder Datenquellen erstellen. Es ist wie das Hinzufügen eines GraphQL-Übersetzers zu Systemen, die GraphQL nicht nativ sprechen.

  • Daten-API-Generator: Dieses Tool erstellt automatisch GraphQL-Endpunkte aus Ihren Datenbanken. Es ist die schnellste Möglichkeit, GraphQL zu Ihren vorhandenen Daten hinzuzufügen – zeigen Sie es einfach auf Ihre Datenbank, und es erledigt die Arbeit für Sie.

Ein einfaches Beispiel: Erstellen einer GraphQL-API für eine Produktdatenbank

So funktioniert der Prozess in einfachen Worten:

  1. Sie verfügen über eine Datenbank mit Produktinformationen (Namen, Preise, Beschreibungen)
  2. Sie richten den Daten-API-Generator ein, um eine Verbindung mit Ihrer Datenbank herzustellen.
  3. Der Daten-API-Generator erstellt automatisch einen GraphQL-Endpunkt.
  4. Ihre JavaScript-Anwendung kann jetzt GraphQL-Abfragen wie:
{
  products(where: { price_lt: 50 }) {
    name
    price
    description
  }
}

Mit dieser Abfrage erhalten Sie alle Produkte unter 50 $, wobei nur ihre Namen, Preise und Beschreibungen angezeigt werden.

Ressourcen, die Ihnen bei den ersten Schritten helfen

Wenn Sie mehr erfahren oder mit dem Erstellen von GraphQL in Azure beginnen möchten, finden Sie hier einige hilfreiche Ressourcen:

Nächste Schritte