Schnellstarter
Wie man ein Backend für Dart erstellt?

25min
Einführung
In diesem Tutorial lernen Sie wie man ein Backend für Dart mit Back4app erstellt. 
Wir konzentrieren uns darauf, wesentliche Back4app-Funktionen—wie Datenbankverwaltung, Cloud-Code-Funktionen, REST- und GraphQL-APIs, Benutzerauthentifizierung und Echtzeitanfragen (Live Queries)—in ein auf Dart basierendes Projekt zu integrieren. 
Da Dart eine vielseitige Programmiersprache ist, können Sie sie für verschiedene Backend-Projekte verwenden, von einfachen Webservern bis hin zu umfassenden Anwendungen.
Durch die Nutzung der intuitiven Umgebung von Back4app können Sie schnell ein robustes und sicheres Backend-Framework ohne umfangreiche Serverwartung einrichten. 
Sie werden sehen, wie Funktionen wie ACLs, CLPs, das Planen von Hintergrundaufgaben und das Erstellen benutzerdefinierter Logik mit Cloud Code Ihre serverseitigen Operationen optimieren. 
Nach Abschluss dieses Tutorials sind Sie bereit, Ihr Dart-Backend zu skalieren oder weitere fortgeschrittene Integrationen hinzuzufügen.
Voraussetzungen
Um dieses Tutorial abzuschließen, benötigen Sie:
Ein Back4app-Konto und ein neues Back4app-Projekt
 Erste Schritte mit Back4app.
Wenn Sie kein Konto haben, können Sie eines kostenlos erstellen.
Grundlegende Dart-Entwicklungsumgebung
Sie können dies einrichten, indem Sie das Dart SDK und einen Editor Ihrer Wahl installieren. Weitere Informationen finden Sie unter Dart SDK herunterladen.﻿
Dart 2.0 oder höher
Stellen Sie sicher, dass Ihre Umgebung auf dem neuesten Stand ist, damit Sie von den neuesten Dart-Funktionen und Bibliotheken auf der Serverseite profitieren können.
Vertrautheit mit Dart und Backend-Konzepten
Wenn Sie neu in Dart sind, lesen Sie die offizielle Dart-Dokumentation. um grundlegende Sprachkenntnisse zu erwerben.
Stellen Sie sicher, dass Sie alle diese Voraussetzungen erfüllt haben, bevor Sie beginnen. Wenn Ihr Back4app-Projekt bereit und Ihre lokale Dart-Umgebung richtig konfiguriert ist, wird es Ihnen leichter fallen, den Anweisungen zu folgen.
Schritt 1 – Erstellen eines neuen Projekts auf Back4App und Verbindung herstellen
Warum ein neues Back4app-Projekt erstellen?
Ein neues Back4app-Projekt bildet die Grundlage für Ihr Backend, verwaltet Ihre Datenbank, Sicherheit, APIs, Dateispeicherung und mehr. Es bietet Ihnen eine organisierte Struktur, um Ihre serverseitige Logik auf Dart-Basis zu entwickeln.
Ein Back4app-Projekt erstellen
Melden Sie sich bei Ihrem Back4app-Konto an.
Klicken Sie auf „Neue App“ im Back4app-Dashboard.
Geben Sie Ihrer App einen beschreibenden Namen (z. B. „Dart-Backend-Tutorial“).
﻿
Sobald Ihr Projekt erstellt ist, wird es im Back4app-Dashboard angezeigt. Dieses Projekt ist der Ort, an dem Sie alle Backend-Einstellungen für Ihre Dart-Anwendung konfigurieren.
Installieren Sie das Parse SDK und verbinden Sie sich
Während Dart kein offizielles Parse SDK hat, gibt es von der Community gepflegte Bibliotheken wie parse_server_sdk die die Integration mit Back4app ermöglichen. Sie können es hinzufügen, indem Sie die folgende Abhängigkeit in die pubspec.yaml:}]}]}]},{
Führen Sie dann aus:
Bash
dart pub get
dart pub get
﻿
Initialisieren Sie Parse in Ihrem Dart-Code (z. B. in einer main.dart-Datei):
Dart
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<void> main() async {
  const keyApplicationId = 'YOUR_APPLICATION_ID';
  const keyClientKey = 'YOUR_JAVASCRIPT_KEY';
  const keyParseServerUrl = 'https://parseapi.back4app.com';

  await Parse().initialize(
    keyApplicationId,
    keyParseServerUrl,
    clientKey: keyClientKey,
    autoSendSessionId: true,
  );

  // Your Dart server logic goes here
  print('Parse initialized with Back4app!');
}
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<void> main() async {
  const keyApplicationId = 'YOUR_APPLICATION_ID';
  const keyClientKey = 'YOUR_JAVASCRIPT_KEY';
  const keyParseServerUrl = 'https://parseapi.back4app.com';

  await Parse().initialize(
    keyApplicationId,
    keyParseServerUrl,
    clientKey: keyClientKey,
    autoSendSessionId: true,
  );

  // Your Dart server logic goes here
  print('Parse initialized with Back4app!');
}
﻿
Holen Sie sich Ihre Anwendungs-ID, JavaScript-Schlüssel, und Parse-Server-URL aus dem Back4app-Dashboard (unter „App-Einstellungen“ > „Sicherheit & Schlüssel“). Mit diesem Schritt kann Ihre Dart-Anwendung sicher mit Ihrem Back4app-Backend-Framework interagieren.
Schritt 2 – Datenbank einrichten
Erstellen eines Datenmodells
Navigieren Sie im Back4app-Dashboard zum Abschnitt „Datenbank“ und erstellen Sie eine neue Klasse (z. B. „Todo“). Fügen Sie Spalten für Ihre Felder hinzu, wie title (String) und isCompleted (Boolean).
Erstellen eines Datenmodells mit dem KI-Agenten
Öffnen Sie den KI-Agenten in Ihrem App-Dashboard.
Beschreiben Sie Ihr gewünschtes Schema (z. B. „Bitte erstellen Sie eine ToDo-Klasse mit den Feldern title und isCompleted.“).
Lassen Sie den KI-Agenten das Schema für Sie abschließen.
KI-Agent zur Schemaerstellung
﻿
Daten lesen und schreiben mit SDK
Mit der parse_server_sdk-Bibliothek können Sie Daten aus Ihrem Dart-Code speichern und abfragen. Zum Beispiel:
Dart
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<ParseObject?> createTodoItem(String title, bool isCompleted) async {
  final todo = ParseObject('Todo')
    ..set('title', title)
    ..set('isCompleted', isCompleted);

  final response = await todo.save();

  if (response.success && response.result != null) {
    print('Todo created: ${response.result}');
    return response.result as ParseObject;
  } else {
    print('Error creating Todo: ${response.error?.message}');
    return null;
  }
}

Future<List<ParseObject>?> fetchTodos() async {
  final query = QueryBuilder<ParseObject>(ParseObject('Todo'));
  final response = await query.query();

  if (response.success && response.results != null) {
    return response.results as List<ParseObject>;
  } else {
    print('Error fetching Todos: ${response.error?.message}');
    return null;
  }
}
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<ParseObject?> createTodoItem(String title, bool isCompleted) async {
  final todo = ParseObject('Todo')
    ..set('title', title)
    ..set('isCompleted', isCompleted);

  final response = await todo.save();

  if (response.success && response.result != null) {
    print('Todo created: ${response.result}');
    return response.result as ParseObject;
  } else {
    print('Error creating Todo: ${response.error?.message}');
    return null;
  }
}

Future<List<ParseObject>?> fetchTodos() async {
  final query = QueryBuilder<ParseObject>(ParseObject('Todo'));
  final response = await query.query();

  if (response.success && response.results != null) {
    return response.results as List<ParseObject>;
  } else {
    print('Error fetching Todos: ${response.error?.message}');
    return null;
  }
}
﻿
Daten lesen und schreiben mit REST API
Bash
curl -X POST \
  -H "X-Parse-Application-Id: YOUR_APPLICATION_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"title": "Buy groceries", "isCompleted": false}' \
  https://parseapi.back4app.com/classes/Todo
curl -X POST \
  -H "X-Parse-Application-Id: YOUR_APPLICATION_ID" \
  -H "X-Parse-REST-API-Key: YOUR_REST_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"title": "Buy groceries", "isCompleted": false}' \
  https://parseapi.back4app.com/classes/Todo
﻿
Daten lesen und schreiben mit GraphQL API
GraphQL
mutation {
  createTodo(input: {
    fields: {
      title: "Clean the house"
      isCompleted: false
    }
  }) {
    todo {
      objectId
      title
      isCompleted
    }
  }
}
mutation {
  createTodo(input: {
    fields: {
      title: "Clean the house"
      isCompleted: false
    }
  }) {
    todo {
      objectId
      title
      isCompleted
    }
  }
}
﻿
Arbeiten mit Live-Abfragen (optional)
Um Echtzeit-Updates zu aktivieren, aktivieren Sie Live-Abfragen in Ihrem Back4app-Dashboard (Servereinstellungen). Sie können dann von Dart abonnieren, obwohl Sie möglicherweise eine spezialisierte Bibliothek benötigen. Die parse_server_sdk-Bibliothek könnte teilweise Unterstützung für Live-Abfragen bieten; überprüfen Sie die Dokumentation für Details.
Schritt 3 – Anwendung von Sicherheit mit ACLs und CLPs
Übersicht
ACLs (Zugriffskontrolllisten): Lesen/Schreiben auf Objektebene einschränken.
CLPs (Klassenebene Berechtigungen): Lesen/Schreiben auf Klassenebene einschränken.
Schritt-für-Schritt
Klassenebene Berechtigungen: Im Back4app-Dashboard den Datenbankbereich öffnen, eine Klasse auswählen und CLPs unter „Sicherheit“ konfigurieren.
ACLs im Code (unter Verwendung des parse_server_sdk):
Dart
Future<ParseObject?> createPrivateTodo(String title, ParseUser ownerUser) async {
  final todo = ParseObject('Todo')..set('title', title);
  
  final acl = <String, dynamic>{};
  // Grant read/write to the owner
  acl[ownerUser.objectId!] = {"read": true, "write": true};
  
  // Disable public read/write
  acl['*'] = {"read": false, "write": false};

  todo.setACL(acl);

  final response = await todo.save();
  if (response.success && response.result != null) {
    return response.result as ParseObject;
  } else {
    print('Error setting ACL: ${response.error?.message}');
    return null;
  }
}
Future<ParseObject?> createPrivateTodo(String title, ParseUser ownerUser) async {
  final todo = ParseObject('Todo')..set('title', title);
  
  final acl = <String, dynamic>{};
  // Grant read/write to the owner
  acl[ownerUser.objectId!] = {"read": true, "write": true};
  
  // Disable public read/write
  acl['*'] = {"read": false, "write": false};

  todo.setACL(acl);

  final response = await todo.save();
  if (response.success && response.result != null) {
    return response.result as ParseObject;
  } else {
    print('Error setting ACL: ${response.error?.message}');
    return null;
  }
}
﻿
Schritt 4 – Schreiben von Cloud-Code-Funktionen
Warum Cloud-Code
Cloud-Code ist entscheidend für die Erstellung benutzerdefinierter Geschäftslogik auf der Serverseite. Es erspart Ihnen die Verwaltung Ihrer eigenen Infrastruktur und hält Ihren Code sicher und skalierbar.
Beispiel-Funktion und Trigger
In Ihrer main.js (für Cloud-Code):
JS
// main.js
Parse.Cloud.define('helloDart', (request) => {
  return `Hello from Dart and Back4app, ${request.params.name || 'Guest'}!`;
});

Parse.Cloud.beforeSave('Todo', (request) => {
  const todo = request.object;
  if (!todo.get('title')) {
    throw 'Each Todo needs a title!';
  }
});
// main.js
Parse.Cloud.define('helloDart', (request) => {
  return `Hello from Dart and Back4app, ${request.params.name || 'Guest'}!`;
});

Parse.Cloud.beforeSave('Todo', (request) => {
  const todo = request.object;
  if (!todo.get('title')) {
    throw 'Each Todo needs a title!';
  }
});
﻿
Bereitstellung
Verwendung der Back4app CLI:
Verwendung des Dashboards:
Gehe zu Cloud Code > Funktionen.
Füge deinen Code in main.js ein.
Klicke auf Bereitstellen.
NPM und Cloud Code
Wenn du zusätzliche NPM-Module für deinen Cloud Code benötigst, gib sie in der package.json deines Projekts an. Dies ermöglicht es dir, externe APIs oder erweiterte Operationen direkt aus deinem serverseitigen Code zu integrieren.
Schritt 5 – Authentifizierung konfigurieren
Benutzerauthentifizierung aktivieren
Im Back4app-Dashboard kannst du die E-Mail-Verifizierung aktivieren oder soziale Logins einrichten. Standardmäßig speichert die Parse User-Klasse Passwörter sicher.
Codebeispiele (unter Verwendung von parse_server_sdk in Dart):
Dart
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<void> signUpUser(String username, String password, String email) async {
  final user = ParseUser(username, password, email);
  final response = await user.signUp();
  
  if (response.success) {
    print('User signed up: ${response.result}');
  } else {
    print('Error: ${response.error?.message}');
  }
}

Future<void> loginUser(String username, String password) async {
  final user = ParseUser(username, password, null);
  final response = await user.login();

  if (response.success) {
    print('User logged in: ${response.result}');
  } else {
    print('Error: ${response.error?.message}');
  }
}
import 'package:parse_server_sdk/parse_server_sdk.dart';

Future<void> signUpUser(String username, String password, String email) async {
  final user = ParseUser(username, password, email);
  final response = await user.signUp();
  
  if (response.success) {
    print('User signed up: ${response.result}');
  } else {
    print('Error: ${response.error?.message}');
  }
}

Future<void> loginUser(String username, String password) async {
  final user = ParseUser(username, password, null);
  final response = await user.login();

  if (response.success) {
    print('User logged in: ${response.result}');
  } else {
    print('Error: ${response.error?.message}');
  }
}
﻿
Sozialer Login
Konfigurieren Sie Anbieter wie Google, Apple oder Facebook im Back4app-Dashboard.
Implementieren Sie das entsprechende parse_server_sdk-Plugin oder einen benutzerdefinierten OAuth-Flow, falls verfügbar.
Schritt 6 – Umgang mit Dateispeicher
Einrichten des Dateispeichers
Back4app hostet automatisch Dateien, die Sie über die Parse-APIs hochladen. Sie können Bilder, Dokumente oder beliebige Dateitypen speichern.
Beispiel (Dart)
Sicherheitsüberlegungen
Sie können steuern, wer Dateien hochladen oder abrufen kann, indem Sie Ihre CLPs oder Benutzerrollen im Back4app-Dashboard anpassen.
Schritt 7 – E-Mail-Verifizierung und Passwortzurücksetzung
Übersicht
Die E-Mail-Verifizierung bestätigt, dass die Benutzer die E-Mails besitzen, mit denen sie sich registrieren, während Links zur Passwortzurücksetzung eine sichere Möglichkeit bieten, verlorene Anmeldeinformationen zu verwalten.
Back4App Dashboard-Konfiguration
Gehe zu App-Einstellungen > E-Mail.
Aktiviere E-Mail-Verifizierung für Benutzer und Passwortzurücksetzung.
Passe deine E-Mail-Vorlagen nach Bedarf an.
Implementierung
Wenn Benutzer sich mit einer gültigen E-Mail anmelden, erhalten sie einen Link zur E-Mail-Verifizierung. Für Passwortzurücksetzungen rufe die Methode requestPasswordReset von ParseUser auf (sofern verfügbar im parse_server_sdk) oder den REST-Endpunkt.
Schritt 8 – Aufgaben mit Cloud-Jobs planen
Was Cloud-Jobs tun
Cloud-Jobs ermöglichen es dir, Aufgaben in festgelegten Intervallen zu planen, wie das Bereinigen alter Datensätze oder das Versenden regelmäßiger Berichte. Sie arbeiten im Hintergrund, unabhängig von benutzerinitiierte Aktionen.
Beispiel
In main.js, füge hinzu:
JS
Parse.Cloud.job('cleanupOldTodos', async (request) => {
  const Todo = Parse.Object.extend('Todo');
  const query = new Parse.Query(Todo);
  const now = new Date();
  const THIRTY_DAYS = 30 * 24 * 60 * 60 * 1000;
  const cutoff = new Date(now - THIRTY_DAYS);

  query.lessThan('createdAt', cutoff);

  try {
    const oldTodos = await query.find({ useMasterKey: true });
    await Parse.Object.destroyAll(oldTodos, { useMasterKey: true });
    return `Deleted ${oldTodos.length} old Todos.`;
  } catch (err) {
    throw new Error('Error during cleanup:' + err.message);
  }
});
Parse.Cloud.job('cleanupOldTodos', async (request) => {
  const Todo = Parse.Object.extend('Todo');
  const query = new Parse.Query(Todo);
  const now = new Date();
  const THIRTY_DAYS = 30 * 24 * 60 * 60 * 1000;
  const cutoff = new Date(now - THIRTY_DAYS);

  query.lessThan('createdAt', cutoff);

  try {
    const oldTodos = await query.find({ useMasterKey: true });
    await Parse.Object.destroyAll(oldTodos, { useMasterKey: true });
    return `Deleted ${oldTodos.length} old Todos.`;
  } catch (err) {
    throw new Error('Error during cleanup:' + err.message);
  }
});
﻿
Planung
Gehe zu App-Einstellungen > Servereinstellungen > Hintergrundjobs.
Plane cleanupOldTodos täglich oder in einem von dir gewählten Intervall auszuführen.
Schritt 9 – Integration von Webhooks
Definition
Webhooks ermöglichen es deiner Back4app-App, HTTP-Anfragen an einen externen Dienst bei bestimmten Ereignissen zu senden. Dies ist hilfreich für die Integration mit Drittanbieterdiensten wie Slack oder Stripe.
Konfiguration
Gehe zu Mehr > WebHooks in deinem Back4app-Dashboard.
Klicke auf Webhook hinzufügen und gib einen Endpunkt an (z.B. https://your-external-service.com/webhook-endpoint).
Gib das auslösende Ereignis an (z.B. nachdem ein Todo erstellt wurde).
Hinzufügen eines Webhooks
﻿
Beispiel
Wenn Sie eine Slack Webhook-URL haben, können Sie sie so konfigurieren, dass Sie eine Benachrichtigung erhalten, wann immer ein neues Todo eingefügt wird. Diese nahtlose Verbindung zwischen Ihrem Dart-Backend und externen Tools steigert die Automatisierung.
Schritt 10 – Erkundung des Back4App Admin Panels
Wo man es findet
Öffnen Sie in Ihrer Back4app-Konsole Mehr > Admin App und aktivieren Sie das Panel.
Funktionen
Verwalten Sie Datenbankeinträge einfach.
Überprüfen Sie Protokolle, Hintergrundjobs und Analysen.
Steuern Sie den Benutzerzugang und die Rollen.
Admin-App aktivieren
﻿
Fazit
Indem Sie diese Schritte befolgt haben, haben Sie:
Einen sicheren Backend für Dart auf Back4app erstellt.
Ihre Datenbank verwaltet über Parse-Klassen und -Felder.
Benutzerdefinierten Cloud-Code erstellt um serverseitige Logik zu handhaben.
Daten gesichert mit ACLs, CLPs und Benutzerauthentifizierung.
Hintergrundaufgaben geplant mit Cloud-Jobs.
Externe Dienste integriert mit Webhooks.
Das Admin-Panel erkundet für eine einfache Datenverwaltung.
Dieses solide Fundament bereitet Sie darauf vor, Dart-Projekte effizient bereitzustellen, egal ob Sie vollwertige Webserver, Mikrodienste oder spezialisierte Anwendungen erstellen. Von hier aus können Sie Ihr Backend-Framework skalieren, komplexere Logik hinzufügen oder fortschrittliche Funktionen wie Push-Benachrichtigungen oder erweiterte Analysen integrieren.
Nächste Schritte
Produktionsbereitschaft erkunden: Verwenden Sie Caching-Strategien, verwalten Sie die Parallelität und optimieren Sie die Leistung für hohen Verkehr.
Erweiterte Funktionen integrieren: Wie rollenbasierte Zugriffskontrolle, mehr soziale Logins oder Echtzeit-Zusammenarbeitstools.
Offizielle Back4app-Dokumentation ansehen für tiefere Einblicke in Protokolle, Sicherheit und Leistungsoptimierung.
Experimentieren Sie mit zusätzlichen Paketen wie dem Paket Shelf, um benutzerdefinierte Webserver neben Ihrer auf Parse basierenden Datenschicht zu erstellen und die Fähigkeiten von Dart als flexible Programmiersprache zu nutzen.
Mit diesem Wissen darüber, wie man ein Backend für Dart erstellt, haben Sie eine leistungsstarke Möglichkeit, Daten zu verwalten, Ihre serverseitigen Prozesse abzusichern und die Workflows Ihrer App zu automatisieren – alles ohne signifikante Infrastrukturkosten.
Aktualisiert 23 Jan 2025
Hat Ihnen diese Seite geholfen?
Wie man ein Backend für Ionic erstellt?
ALS NÄCHSTES
Wie man ein Backend für PHP erstellt?