Firebase & GraphQL [geschlossen]


75

Hat jemand Erfahrung mit GraphQL und Firebase? Ich nehme an, man würde die Firebase-Aufrufe im Resolver des relevanten Felds platzieren und eine Variable aus den Requisiten der Komponente an die Argumente der Abfrage übergeben.

Wie können wir mit GraphQL neue Daten in Firebase einfügen?



Sie könnten apollo-link-Feuerbasis versuchen github.com/Canner/apollo-link-firebase , können Sie Abfrage mit Feuerbasis graphQL ohne Backend - Service.
WilliamC

4
Wir haben gerade ein Open-Source-Tool entwickelt, mit dem Sie von Firebase zu GraphQL in Echtzeit migrieren können, indem Sie Ihre Daten tatsächlich nach Postgres migrieren. github.com/hasura/graphql-engine/tree/master/community/tools/…
iamnat

Ich stimme dem vorherigen Kommentar zu. Hasura ist super!
Leetheguy

Open Source-Projekt mit Firebase auf dem GraphQL-Server: github.com/rwieruch/nextjs-firebase-authentication
Robin Wieruch

Antworten:


57

Um Ihre Frage zu beantworten, gibt es drei Möglichkeiten, wie Sie damit umgehen können.

1. Firebase & GraphQL

Wenn Sie Firebase verwenden möchten, können Sie die Firebase-API eins zu eins in GraphQL-Abfragen und -Mutationen abbilden.

Sie können die Firebase-API sicher in GraphQL-Resolver einbinden und auf diese Weise Anrufe tätigen. Dies ist ein gutes Beispiel dafür :

const ref = path => firebase.database().ref(path)
const getValue = path => ref(path).once('value')
const mapSnapshotToEntities = snapshot => snapshot.val().map((value, id) => ({ id, ...value }))
const getEntities = path => getValue(path).then(mapSnapshotToEntities)

const resolvers = {
    Author: {
        posts(author) {
            return getEntities('posts').then(posts => filter(posts, { authorId: author.id }))
        },
    },

    Post: {
        author(post) {
            return getEntities('authors').then(posts => filter(authors, { id: authorId }))
        },
    },
};

Im Wesentlichen verwenden Sie hier Firebase als Datenbank, die so lange funktioniert, bis Sie Ihre Daten in Ihren Resolvern relational abfragen möchten . Ohne die Möglichkeit, Verknüpfungen auf der Serverseite über Ihrem Datenspeicher durchzuführen, stellen Sie in Ihren Resolvern unzählige Roundtrip-Anforderungen an Firebase, um nur eine einzige Anforderung zu erfüllen.

Der Grund, warum die meisten Benutzer Firebase verwenden, liegt in seinen Echtzeitfunktionen und nicht nur in erster Linie als Datenspeicher, da die datenrelationalen Modellierungswerkzeuge in diesem Aspekt ziemlich fehlen. Damit ist es wahrscheinlich besser, mit einer anderen Datenquelle auf GraphQL zu migrieren.

2. GraphQL Backend als Service

Wenn Sie offen für die Verwendung von BaaS-Produkten wie Firebase sind, können Sie auf ein GraphQL-BaaS umsteigen.

3. Selbst gehostetes GraphQL

Wenn Sie bereit sind, mithilfe Ihres eigenen Datenspeichers auf eine selbst gehostete Lösung umzusteigen, bietet dies ebenfalls viele Vorteile. Hier sind ein paar große Hitter:

  • Flexibilität bei der Verwendung Ihres eigenen Datenspeichers und möglicherweise mehrerer Datenspeicher, um den Anforderungen Ihrer spezifischen App gerecht zu werden

  • Benutzerdefinierte Abfragen und Mutationen

  • Fügen Sie nativ benutzerdefinierte Logik hinzu, anstatt über Microservices, die an Webhooks in Ihrer API angehängt sind

  • Führen Sie Ihre eigenen Authentifizierungs- und Berechtigungsmechanismen durch

  • Wahrscheinlich eine kostengünstigere Lösung


2
Alles gute Zeug oben! Gibt es ein Beispiel, in dem jemand von Firebase migriert ist, um Scaphold zu verwenden, das Sie bereitstellen können?
Sam Mitchell

3
Ja! Schauen Sie sich Neat App als großartige App an, die von Firebase entfernt wurde, um Scaphold zu verwenden. Bitte wenden Sie sich auch an Scaphold's Slack , um andere zu fragen, die dies ebenfalls getan haben.
Vince

1
Sollte als Antwort markiert werden!
Parohy

@vince Ich hatte irgendwo gelesen, dass scaphold.io nicht mehr im Geschäft ist, ist das richtig? (Mir ist klar, dass die Website noch aktiv ist)
k00k

1
Jetzt auch AWS AppSync
Vyacheslav

17

Ich bin mit einigen Empfehlungen hier nicht einverstanden. GraphQL kann auf relationale Weise verwendet werden, aber es kann auch auf NoSQL-Weise verwendet werden. Firebase mit RTD (Real Time Database) und Firestore sollte als NoSQL-Datenbank modelliert werden, da es sich um eine NoSQL-Datenbank handelt! Es gibt Kompromisse bei diesem Ansatz:

1. Optimiertes Lesen:

Als NoSQL-Datenbank sollten die Sammlungen als Ihre Ansichten in Ihren Clients (mobil oder im Web) modelliert werden. Wenn Sie also eine Abfrage durchführen, ist alles bereits zusammengeführt und Sie müssen weder berechnete Requisiten im Client noch Firebase-Funktionen erstellen. Dieser Ansatz macht das Lesen wirklich sehr schnell.

2. De-optimiertes Schreiben:

Der Hauptnachteil hierbei ist, dass Sie dafür verantwortlich sind, jedes Dokument in der Datenbank zu aktualisieren, wenn Sie verwandte Daten berühren (z. B. Aktualisierung des Benutzernamens, des Profilbilds usw.). In diesem Fall sollten Sie jedes Dokument in Ihrer Datenbank finden (z. B. Beiträge, Kommentare usw.) und die Atomizität sicherstellen. Dieser Ansatz wird empfohlen, wenn Sie eine App haben, die weitaus mehr Lesevorgänge als Schreibvorgänge ausführt (wie ein Blog, 7000 Lesevorgänge pro Schreibvorgang als Beispiel).

3. Einfach zu skalieren:

Da Ihre Sammlungen keine engen Beziehungen zu anderen Dokumenten haben, können Sie eine vollständige Sammlung auf nur einem Server haben oder auf viele von ihnen aufteilen. (Deshalb ist Firebase wie DynamoDB billig zu skalieren.)

GraphQL ist nur eine Abfragesprache. Es sollte Ihnen das Abfragen erleichtern, aber nicht vorschreiben, wie Sie Ihre Datenbank modellieren. Sie sollten festlegen, wie Ihre Datenbank, Ihre Abfragen und Mutationen modelliert werden sollen.


16

TL; DR: GraphQL leuchtet dort, wo Firebase zu kurz kommt. Leistungsstarke Datenmodellierung, flexible und effiziente Abfragen und die offene Spezifikation sind wesentliche Bestandteile von GraphQL, die in Firebase fehlen.

Leistungsstarke Datenmodellierung

Firebase hat aufgrund seiner begrenzten Datenmodellierung viel Kritik erhalten. Grundsätzlich sind Ihre Daten als ein einziger, riesiger JSON strukturiert, der dieselben Daten mehrmals angibt. Was auf den ersten Blick praktisch erscheint, führt zu nicht verwaltbarem Client-Code, wenn Sie Daten aktualisieren müssen, da Sie alle Verweise auf dieselben Daten manuell nachverfolgen müssen.

Die in GraphQL verwendete Datenstruktur ist dagegen sehr intuitiv und vertraut, da sie als Grafik modelliert wird. Mit der IDL-Syntax können wir unser Datenmodell, das als GraphQL-Schema bezeichnet wird, leicht beschreiben. Für eine Twitter-App könnte das Schema folgendermaßen aussehen:

type Tweet {
  id: ID!
  title: String!
  author: User! @relation(name: "Tweets")
}

type User {
  id: ID!
  name: String!
  tweets: [Tweet!]! @relation(name: "Tweets")
}

Hier definierten wir zwei Typen Tweetund Usermit einigen skalaren Eigenschaften und auch eine Eins-zu-viele - Beziehung zwischen Userund Tweet. Einzelne Datenelemente werden als Knoten bezeichnet - und ein Benutzerknoten kann mit vielen Tweet-Knoten verbunden werden. Diese Datenstruktur ist sowohl einfach als auch flexibel, abgesehen vom JSON-Ansatz von Firebase.

Flexible und effiziente Abfragen

Die flexiblen Abfragefunktionen von GraphQL sind einer der Hauptvorteile. Abfragen sind hierarchisch, dh Sie können Datenanforderungen angeben, die die Diagrammstruktur widerspiegeln. In unserem Twitter-Beispiel haben wir möglicherweise eine Abfrage, um alle Benutzer und ihre Tweets abzurufen:

query {
  allUsers {
    id
    name
    tweets {
      title
    }
  }
}

Beachten Sie, dass wir Felder, die wir abfragen möchten, frei einschließen oder weglassen können und sogar über Beziehungen hinweg abfragen können. Dies bedeutet, dass wir weder mehrere Abfragen durchführen noch nicht benötigte Daten abfragen müssen, was GraphQL-Abfragen äußerst effizient macht.

Durch Hinzufügen von Abfrageargumenten zum Mix können Funktionen wie eine benutzerdefinierte Reihenfolge oder Filter hinzugefügt werden , um eine leistungsstarke GraphQL-API zu erhalten .

All das ist mit Firebase einfach nicht möglich.

Echtzeitdaten

Die Echtzeitfunktionen von Firebase haben es so beliebt gemacht - aber da die GraphQL-Community im Begriff ist, einen Konsens in Bezug auf Echtzeit zu erzielen , wird auch der größte Vorteil von Firebase zunichte gemacht . Ich empfehle dieses Video-Tutorial zu GraphQL-Abonnements, um die zugrunde liegenden Konzepte besser zu verstehen

Fazit

Um Ihre Frage zu beantworten: GraphQL übertrifft Firebases in den meisten Aspekten und ist daher die bevorzugte Wahl.

Wenn Sie sich für GraphQL interessieren, empfehlen wir Ihnen Graphcool , das die Stärken von GraphQL mit leistungsstarken Funktionen wie integrierter Authentifizierung und flexiblen Hooks für AWS Lambda oder andere serverlose Funktionen kombiniert , um benutzerdefinierte Geschäftslogik zu implementieren.

Haftungsausschluss: Ich arbeite bei Graphcool :)


1
@martktani Ich bin gerade dabei, ein React-Redux-Thunk-Firebase-Projekt, das aus 'Posts' und 'Kommentaren' besteht, in React-Redux-Graphql umzugestalten. Gibt es in Graphcool einen Prozess, der das Erstellungsschema / die Erstellungsknoten durch Importieren von JSON-Daten aus Firebase ermöglicht? Ich frage, da der Gedanke, alle vorhandenen Daten Knoten für Knoten erneut eingeben zu müssen, zu schmerzhaft ist, um darüber nachzudenken.
TheoG

1
Entschuldigung, habe gerade die Frage gesehen! Hier ist ein Tutorial zum Importieren von JSON-Daten in GraphQL. Lass es mich wissen, wenn das hilft!
März

Hallo marktani. Ich sehe, dass einige Teile Ihrer Antwort von hier kopiert wurden , ohne explizit klar zu machen, dass diese Teile von diesem Ort kopiert wurden (Zuschreibung + Zitat). Ich gehe davon aus, dass Sie die read.me über diesen Link geschrieben haben? Wenn ja, könnten Sie das vielleicht etwas klarer machen? (Ich habe nach kopierten Teilen gesucht, daher der Kommentar). Wenn nicht, können Sie dies klarstellen, indem Sie die kopierten Teile zitieren und klarstellen, woher die Dinge kopiert wurden.
TT.

1
Vielen Dank für Ihre Frage, @TT. Tatsächlich hat der Text in dem Link, auf den Sie verweisen, den Text aus meiner Antwort hier kopiert.
März

1
Oh ich sehe jetzt :) daher der Backlink. Gut zu wissen.
TT.

6

Sie können graphql & firebase lokal verwenden . Das ganze schwere Heben kann in einem Webworker durchgeführt werden, um zu vermeiden, dass die Benutzeroberfläche beim Lösen der Anforderung blockiert wird.

Ein Wort zu den "vielen Roundtrips, die zum Lösen der Anfrage erforderlich sind": Wenn Sie sich nicht um die übertragenen Daten kümmern, ist das keine große Sache, da alle "Roundtrips" in demselben Socket-Frame zusammengeführt werden. Wenn Sie jedoch große Frames vermeiden möchten, müssen Sie nur ein wenig dataloadervor Ihre Firebase-Datenbank stellen.

Für Echtzeitaktualisierungen müssen Sie nur Echtzeitereignisse von firebase abonnieren und an den Webworker senden, um sie in echte graphql-Abonnements zu konvertieren, die über Ihr Schema aufgelöst werden können.

Weitere Informationen zu diesem Thema finden Sie in meinem mittleren Beitrag: Echtzeit-Webanwendungen mit Clientbase, GraphQL und Apollo-Client 2.0

Hoffentlich hilft das !


5

Müssen Sie Firebase verwenden? Es gibt speziellere Dienste für GraphQL, die möglicherweise das bieten, wonach Sie suchen. https://scaphold.io ist eine YC Fellowship Company, die besonders vielversprechend aussieht und Ihnen eine Erfahrung wie eine Feuerbasis bietet, aber auf GraphQL basiert.


2
Reicht scaphold.io aus, um von der Community zumindest mittelfristig zuverlässig zu sein?
Hergestellt in Moon am

4
Hallo, das ist Vince von Scaphold.io und ich dachte, ich würde mich hier melden . Auf Ihre Frage: Ja, wir haben eine sehr starke Community und gehen nirgendwo hin. Wir sind jetzt auf mehrere tausend Apps auf der Plattform und derzeit im YC Core-Programm (W17) angewachsen. Wenn Sie mitmachen möchten , finden Sie hier unseren Slack ( slack.scaphold.io ).
Vince

2
scaphold ist vertrauenswürdig. Ich mag die Funktion der Pipeline, mit der Sie alle APIs auf einfache Weise verbinden können.
Amazingandyyy

5
aaaaaannd es ist weg. Geschlossen. Ihre Bedenken scheinen gültig zu sein @MadeInMoon
Nicolas Marshall

@NicolasMarshall gut gesehen! In Bezug auf Vince Antwort gab es mir einen traurigen Geschmack zu wissen, dass sogar eine "starke Gemeinschaft" mit allen menschlichen und Code-Implikationen herunterfahren kann
Made in Moon
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.