GraphQL Vorlage

CRM App Backend-Vorlage
GraphQL — Schema, API & KI-Leitfaden

Ein produktionsbereites GraphQL CRM Backend-Schema und Starter-Kit auf Back4app: Kontakt, Unternehmen, Deal, Aktivität, Pipeline-Stufen, ER-Diagramm, Datenwörterbuch, JSON-Schema, API-Spielplatz und ein One-Click KI-Agent Prompt zur Bereitstellung in Minuten.

Wichtige Erkenntnisse

Auf dieser Seite erhalten Sie ein produktionsbereites CRM-Schema, einen One-Click KI-Prompt und Schritt-für-Schritt GraphQL Code — damit Sie eine CRM-App ohne Backend-Erstellung bereitstellen können.

  1. In Minuten bereitstellenFügen Sie die AI-Agentenaufforderung ein und erhalten Sie eine laufende App mit Kontakten, Unternehmen, Angeboten und Pipeline.
  2. Standardmäßig sicherACLs und rollenbasierter Zugriff, damit Benutzer nur ihre zugewiesenen Angebote und Daten sehen.
  3. GraphQL-native SDKTypisierte Objekte, async/await, Offline-Pinning und Live Queries für Pipeline-Updates.
  4. REST + GraphQLBeide APIs werden automatisch generiert; Angebote nach Phase filtern, Aktivitäten nach relatedTo auflisten.
  5. Fünf Klassen_User (integriert), Unternehmen, Kontakt, Angebot (Pipeline), Aktivität (Aufgaben/Ereignisse).

Was ist die GraphQL CRM-App-Backend-Vorlage?

Back4app ist ein Backend-as-a-Service (BaaS), das ideal für CRM-Apps ist: verwaltete Datenbank, Echtzeitsynchronisierung, rollenbasierter Zugriff und SDKs für über 13 Technologien. Die CRM-App-Backend-Vorlage ist ein vorgefertigtes, produktionsbereites Backend-Schema auf Back4app. Sie bietet Ihnen fünf Klassen (_User, Company, Contact, Deal, Activity), Pipeline-Stufen, REST- und GraphQL-APIs sowie einen Ein-Klick-AI-Agenten-Prompt – damit Sie ein GraphQL-Frontend verbinden und in wenigen Minuten anstelle von Tagen eine funktionierende CRM-App bereitstellen können. Wählen Sie Ihre Technologie unten für eine schrittweise SDK-Integration.

Am besten für:

VertriebsteamsCRM-EntwicklerSchnelles PrototypingAußendienstmitarbeiterMVP-StartsTeams, die sich für ein BaaS für CRM entscheiden

Übersicht

Back4app stellt Ihr CRM-Schema über GraphQL bereit: Abfragen von Kontakten, Deals (mit where: { stage }) und Aktivitäten; mutieren mit createDeal, updateDeal, createContact, createActivity. Ein Endpunkt, typisiertes Schema und sitzungsbasierte Authentifizierung.

Die gleichen fünf Klassen — _User, Company, Contact, Deal, Activity — unterstützen sowohl REST als auch GraphQL. Verwenden Sie Ihren bevorzugten GraphQL-Client (Apollo, urql), um nur die benötigten Felder anzufordern und die Pipeline und Kontaktlisten synchron zu halten.

Kern-CRM-Funktionen

GraphQL CRM-API mit Kontakt-, Unternehmens-, Deal- und Aktivitätstypen. Abfragen und Mutationen für Pipeline-Management, ACLs und Aktivitätsverfolgung — kein REST-Kleber.

Kontaktverwaltung

Speichern und Verwalten von Kontakten mit Name, E-Mail, Telefon, Unternehmen und Notizen. Ideal für GraphQL-Apps.

Unternehmensverwaltung

Verfolgen Sie Unternehmen mit Namen, Website, Branche und Adresse. Verknüpft mit Kontakten und Geschäften.

Deal-Pipeline

Verkaufspipeline mit Phasen, Betrag, voraussichtlichem Abschlussdatum und Zuweisung. Entwickelt für GraphQL Backends.

Aktivitätsverfolgung

Protokollieren Sie Anrufe, E-Mails, Besprechungen und Notizen, die mit Kontakten und Geschäften verknüpft sind. Funktioniert mit GraphQL SDK.

Benutzer & Berechtigungen

Integriertes Benutzermodell und Verweise für Eigentum und Zuweisung. ACLs sofort einsatzbereit für GraphQL.

Warum Ihre CRM GraphQL API mit Back4app erstellen?

Back4app bietet einen GraphQL Endpunkt, sodass Sie Kontakt, Unternehmen, Deal und Aktivität mit einem einzigen Endpunkt abfragen und ändern können.

  • Einzelner Endpunkt: POST an den GraphQL Endpunkt mit Abfragen und Mutationen; fordere nur die Felder an, die du benötigst.
  • Typisiertes Schema: Kontakt-, Unternehmens-, Deal- und Aktivitätstypen werden aus Ihrem Back4app Schema generiert; verwenden Sie sie in Ihrem Client für typensichere Anfragen.
  • Pipeline & Aktivitäten: Abfragen von Deals nach Phase und Aktivitäten nach relatedTo; Mutationen zum Aktualisieren der Deal-Phase und Erstellen von Aktivitäten.

Ideal für Teams, die GraphQL-Clients (Apollo, urql) für CRM oder Dashboards verwenden.

Kernvorteile

Ein produktionsbereiter CRM-Backend, damit Sie schneller liefern und sich auf Ihre App konzentrieren können.

Schneller liefern, kein Backend-Code

REST- und GraphQL APIs und ein einsatzbereites Schema — verbinden Sie Ihre App und legen Sie los.

Standardmäßig sicher

ACLs und Klassenberechtigungen; einschränken nach assignedTo und createdBy.

Echtzeit-Pipeline

Live Queries über WebSockets für sofortige Deal- und Aktivitätsupdates.

Integrierte Authentifizierung

Benutzerregistrierung, Anmeldung und Sitzungsverwaltung sofort einsatzbereit.

Offline-Funktionalität

Lokales Pinnen hält Kontakte und Deals offline verfügbar und synchronisiert, wenn Sie sich wieder verbinden.

In Minuten bereitstellen

Verwenden Sie den KI-Agenten, um Ihre CRM-App aus dieser Vorlage zu erstellen und bereitzustellen.

Bereit, es auszuprobieren?

Lassen Sie den Back4app KI-Agenten Ihr CRM-App-Backend erstellen, das GraphQL-Frontend verbinden und bereitstellen — alles aus einem einzigen Prompt.

Kostenlos starten — 50 KI-Agenten-Prompts/Monat, keine Kreditkarte erforderlich

Technologischer Stack

Alles, was diese CRM-App-Vorlage auf einen Blick antreibt.

Frontend
GraphQL
Backend
Back4app
Datenbank
MongoDB
Auth
Auth & Zugriffskontrolle
APIs
REST & GraphQL
Bereitstellung
KI-Agent / Dashboard

ER-Diagramm

Entität-Beziehungsdiagramm für das GraphQL CRM-App-Datenmodell.

Diagrammquelle anzeigen
Mermaid
erDiagram
    _User {
        String objectId PK
        String username
        String email
        String password
        Date createdAt
        Date updatedAt
    }

    Company {
        String objectId PK
        String name
        String website
        String industry
        String address
        String notes
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Contact {
        String objectId PK
        String name
        String email
        String phone
        Pointer company FK
        String notes
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Deal {
        String objectId PK
        String title
        Number amount
        String stage
        Pointer contact FK
        Pointer company FK
        Date expectedCloseDate
        String notes
        Pointer assignedTo FK
        Date createdAt
        Date updatedAt
    }

    Activity {
        String objectId PK
        String type
        String subject
        String description
        Date dueDate
        Date completedAt
        Pointer relatedTo FK
        Pointer createdBy FK
        Date createdAt
        Date updatedAt
    }

    Company ||--o{ Contact : "has"
    Company ||--o{ Deal : "has"
    Contact ||--o{ Deal : "has"
    _User ||--o{ Deal : "assignedTo"
    _User ||--o{ Activity : "createdBy"
    Contact ||--o{ Activity : "relatedTo"
    Deal ||--o{ Activity : "relatedTo"
    _User ||--o{ Company : "createdBy"
    _User ||--o{ Contact : "createdBy"

Integrationsfluss

Auth-to-CRUD-Sequenz: wie Ihre GraphQL App mit Back4app kommuniziert — anmelden, dann Kontakte und Deals abfragen, Pipeline aktualisieren.

Diagrammquelle anzeigen
Mermaid
sequenceDiagram
  participant User
  participant Client as GraphQL Client
  participant Back4app as Back4app Cloud

  User->>Client: Login
  Client->>Back4app: mutation { logIn(username, password) }
  Back4app-->>Client: Session token
  Client-->>User: Logged in

  User->>Client: Load contacts and deals
  Client->>Back4app: query { deals { edges { node { objectId title stage } } } }
  Back4app-->>Client: Deal list
  Client-->>User: Show pipeline

  User->>Client: Create deal or contact
  Client->>Back4app: mutation { createDeal(input: { ... }) }
  Back4app-->>Client: Deal (objectId)
  Client-->>User: Updated list

Datenwörterbuch

Vollständige Feldreferenz für jede Klasse im Schema.

FeldTypBeschreibungErforderlich
objectIdStringAuto-generated unique identifierauto
nameStringFull name of the contact
emailStringEmail address
phoneStringPhone number
companyPointer<Company>Company this contact belongs to
notesStringFree-form notes
createdByPointer<_User>User who created this contact
createdAtDateAuto-generated creation timestampauto
updatedAtDateAuto-generated last-update timestampauto

9 Felder in Contact

Sicherheit & Berechtigungen

Wie Eigentum, ACLs und Klassenberechtigungen Daten in diesem CRM-Schema schützen.

Zeilenebene ACLs

Verwenden Sie ACLs und Zeiger (assignedTo, createdBy), damit Benutzer nur ihre zugewiesenen Deals und verwandte Daten sehen und bearbeiten können.

Klassenberechtigungen

CLPs beschränken, welche Rollen oder Benutzer Objekte auf Klassenebene erstellen, lesen, aktualisieren oder löschen können.

Zeigerbasiertes Eigentum

Deal.assignedTo und Activity.createdBy verlinken zu _User; Cloud Code kann Sichtbarkeit und Bearbeitungen nach Rolle durchsetzen.

Schema (JSON)

Roh-JSON-Schemaspezifikation — kopieren und in Ihrer Back4app-App verwenden oder über die API importieren.

JSON
{
  "classes": [
    {
      "className": "Contact",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "name": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": false
        },
        "phone": {
          "type": "String",
          "required": false
        },
        "company": {
          "type": "Pointer",
          "targetClass": "Company",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Company",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "name": {
          "type": "String",
          "required": true
        },
        "website": {
          "type": "String",
          "required": false
        },
        "industry": {
          "type": "String",
          "required": false
        },
        "address": {
          "type": "String",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Deal",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "amount": {
          "type": "Number",
          "required": false
        },
        "stage": {
          "type": "String",
          "required": false
        },
        "contact": {
          "type": "Pointer",
          "targetClass": "Contact",
          "required": false
        },
        "company": {
          "type": "Pointer",
          "targetClass": "Company",
          "required": false
        },
        "expectedCloseDate": {
          "type": "Date",
          "required": false
        },
        "notes": {
          "type": "String",
          "required": false
        },
        "assignedTo": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Activity",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "type": {
          "type": "String",
          "required": false
        },
        "subject": {
          "type": "String",
          "required": false
        },
        "description": {
          "type": "String",
          "required": false
        },
        "dueDate": {
          "type": "Date",
          "required": false
        },
        "completedAt": {
          "type": "Date",
          "required": false
        },
        "relatedTo": {
          "type": "Pointer",
          "required": false
        },
        "createdBy": {
          "type": "Pointer",
          "targetClass": "_User",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "_User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

Mit AI-Agent erstellen

Verwenden Sie den Back4app AI-Agent, um eine echte CRM-App aus dieser Vorlage zu erstellen: Er wird das Frontend, das Backend (dieses Schema, Authentifizierung und APIs) erstellen und bereitstellen – keine manuelle Einrichtung. Der folgende Prompt beschreibt diesen CRM-Stack, damit der Agent eine produktionsbereite App auf einmal generieren kann.

Back4app AI-Agent
Bereit zum Erstellen
Erstellen Sie eine CRM-App auf Back4app mit diesem genauen Schema und Verhalten.

Schema:
1. _User (verwenden Sie Back4app integrierte): Benutzername (String, erforderlich), E-Mail (String, erforderlich), Passwort (String, erforderlich); objectId, createdAt, updatedAt (System).
2. Unternehmen: Name (String, erforderlich), Website (String), Branche (String), Adresse (String), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).
3. Kontakt: Name (String, erforderlich), E-Mail (String), Telefon (String), Unternehmen (Pointer zu Unternehmen), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).
4. Deal: Titel (String, erforderlich), Betrag (Zahl), Phase (String; z.B. Lead, qualifiziert, Angebot, Verhandlung, gewonnen, verloren), Kontakt (Pointer zu Kontakt), Unternehmen (Pointer zu Unternehmen), erwartetes Abschlussdatum (Datum), Notizen (String), zugewiesenAn (Pointer zu _User); objectId, createdAt, updatedAt (System).
5. Aktivität: Typ (String; z.B. Anruf, E-Mail, Meeting, Notiz), Betreff (String), Beschreibung (String), Fälligkeitsdatum (Datum), abgeschlossenAm (Datum), bezogenAuf (Pointer zu Kontakt oder Deal), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System).

Sicherheit:
- Setzen Sie ACLs, damit nur authentifizierte Benutzer auf Daten zugreifen können; verwenden Sie rollenbasierte oder besitzerbasierte Regeln, wo es angebracht ist (z.B. zugewiesenAn, erstelltVon).
- Verwenden Sie Klassenebenenberechtigungen, damit nur authentifizierte Benutzer diese Klassen erstellen/lesen/aktualisieren/löschen können.

Authentifizierung:
- Anmeldung (Benutzername, E-Mail, Passwort) und Login; Unterstützung für Abmeldung/Sitzung.

Verhalten:
- Vollständiges CRUD für Unternehmen, Kontakt, Deal und Aktivität.
- Listen Sie Deals mit Filter nach Phase und sortieren Sie nach erwartetesAbschlussdatum oder updatedAt (Pipeline-Ansicht).
- Listen Sie Aktivitäten nach bezogenAuf (Kontakt oder Deal).
- Optional: Echtzeit Live Queries für Deal und Aktivität für Dashboard/Pipeline-Updates.
- Optional: Offline-Pinning für mobile (Kontakte, Deals, Aktivitäten).

Liefern:
- Erstellen Sie die Back4app-App mit dem obigen Schema, ACLs und allen benötigten Cloud-Code.
- Generieren Sie das Frontend und verbinden Sie es mit diesem Backend; bereitstellen, damit die App end-to-end lauffähig ist.

Drücken Sie die Schaltfläche unten, um den Agenten mit dem vorab ausgefüllten Prompt dieser Vorlage zu öffnen.

In Minuten bereitstellen50 kostenlose Eingabeaufforderungen / MonatKeine Kreditkarte erforderlich

API-Spielplatz

Versuchen Sie die REST- und GraphQL-Endpunkte für das CRM-Schema. Antworten aus den obigen Beispieldaten — kein Back4app-Konto erforderlich.

Spielplatz wird geladen…

Verwendet dasselbe CRM-Schema (Kontakt, Unternehmen, Deal, Aktivität) wie diese Vorlage.

Schritt-für-Schritt GraphQL Integration

Verbinden Sie sich von einer GraphQL App mit Ihrem Back4app Backend über das Back4app GraphQL SDK.

  1. Kontakte und Angebote abfragen

    Senden Sie eine GraphQL-Abfrage, um Kontakte oder Angebote abzurufen (mit Sitzungstoken in den Headern).

    GraphQL
    query GetDeals {
      deals {
        edges {
          node {
            objectId
            title
            done
            dueDate
            priority
            createdAt
          }
        }
      }
    }
  2. Ein Angebot erstellen

    Verwenden Sie die createDeal-Mutation mit Variablen für Titel, Phase, Betrag und zugehörigen Kontakt/Firma.

    GraphQL
    mutation CreateDeal($title: String!, $stage: String, $amount: Float) {
      createDeal(input: {
        fields: {
          title: $title
          stage: $stage
          amount: $amount
        }
      }) {
        deal {
          objectId
          title
          stage
          amount
          createdAt
        }
      }
    }
    
    mutation CreateContact($name: String!, $email: String, $phone: String) {
      createContact(input: {
        fields: { name: $name email: $email phone: $phone }
      }) {
        contact { objectId name createdAt }
      }
    }
  3. Aktualisieren und löschen

    UpdateDeal- und DeleteDeal-Mutationen mit objectId.

    GraphQL
    mutation UpdateDeal($objectId: ID!, $stage: String) {
      updateDeal(input: {
        objectId: $objectId
        fields: { stage: $stage }
      }) {
        deal { objectId stage }
      }
    }
    
    mutation DeleteDeal($objectId: ID!) {
      deleteDeal(input: { objectId: $objectId }) { success }
    }

Häufig gestellte Fragen

Häufige Fragen zum Backend-Template der CRM-App.

Was ist Back4app?
Warum Back4app für eine CRM GraphQL API verwenden?
Wie frage ich Deals nach Stage in GraphQL ab?
Wie aktualisiere ich eine Deal-Stage über GraphQL?

Von Entwicklern weltweit vertraut

Schließe dich der Gemeinschaft an, die die Zukunft von Apps gestaltet.

G2 Users Love Us Badge

Bereit, Ihre CRM-App zu erstellen?

Starten Sie Ihr GraphQL-Projekt in wenigen Minuten. Keine Kreditkarte erforderlich.

Mit AI-Agent bauen