Schnellstarter
Wie man ein Backend für Deno erstellt?

34min
Einführung
In diesem Tutorial lernen Sie, wie Sie ein Backend für Deno mit Back4App erstellen.
Wir werden jeden Schritt durchgehen, um die wichtigsten Funktionen von Back4App—Datenbank, REST-APIs, Benutzerauthentifizierung, Dateispeicherung und Live-Abfragen—in eine Deno-Umgebung zu integrieren.
Sie werden sehen, wie Sie über REST-Endpunkte mit Back4App kommunizieren und eine vollständige Infrastruktur erstellen, ohne selbst Server verwalten zu müssen.
Wenn Sie Back4App verwenden, können Sie die manuelle Konfiguration von Servern mit Deno überspringen, was Zeit und Mühe spart.
Sie werden sich darauf konzentrieren, einfacheren Code zu schreiben, dank der Standardbibliothek von Deno und des modernen Ansatzes.
Am Ende dieses Leitfadens zum Erstellen eines Backends für Deno haben Sie einen klaren Weg, um erweiterte Sicherheit, Cloud-Code und geplante Aufgaben in Ihre Deno-Anwendung zu integrieren.
Sobald Sie dieses Tutorial abgeschlossen haben, können Sie den Server ausführen, REST-APIs verwalten, die Benutzerauthentifizierung integrieren, Dateien speichern und Aufgaben einfach planen.
Sie werden auch verstehen, wie Sie Ihre Daten mit Deno’s Fetch-Ansatz unter Verwendung der Back4App REST API verwalten.
Voraussetzungen
Ein Back4app-Konto und ein neues Back4app-Projekt
Erste Schritte mit Back4app.
Wenn Sie kein Konto haben, können Sie eines kostenlos erstellen. Verwenden Sie den obigen Link, um Ihr Projekt vorzubereiten.
Deno installieren
Sie können Deno unter https://deno.land. Installieren Sie Deno auf Ihrem Betriebssystem und bestätigen Sie dies mit deno --version.
Vertrautheit mit grundlegenden Deno-Konzepten
Wie Module, Dateisysteme, deno run --allow-net, oder wie man Anwendungs-Module aus der Standardbibliothek importiert.
Grundkenntnisse über REST-APIs
Wir werden Fetch-Aufrufe und den Header-Inhaltstyp für die Datenverarbeitung verwenden, also stellen Sie sicher, dass Sie die Grundlagen von REST und JSON kennen.
Stellen Sie sicher, dass Sie diese Voraussetzungen haben, bevor Sie beginnen. Wenn Ihr Back4App-Projekt konfiguriert und Ihre lokale Deno-Umgebung läuft, können Sie diesem Tutorial reibungslos folgen.
Schritt 1 – Erstellen eines neuen Projekts auf Back4App und Verbindung herstellen
Ein neues Projekt erstellen
Die Grundlage für dein Deno-Backend ist ein Back4App-Projekt. Wenn du noch keins erstellt hast:
Melde dich bei deinem Back4App-Konto an.
Klicke auf die Schaltfläche „Neue App“ in deinem Back4App-Dashboard.
Gib deiner App einen Namen (z.B. „Deno-Backend-Tutorial“).
﻿
Sobald dein Projekt bereit ist, wird es in deinem Back4App-Dashboard angezeigt. Dieses Projekt ist der Ort, an dem du Datenbanken, Sicherheit und APIs einrichtest.
Verbinde dich mit Back4App über REST
Da wir kein Parse SDK für Deno haben, werden wir die REST-API-Endpunkte von Back4App verwenden. Du kannst die Anwendungs-ID, REST-API-Schlüssel, und Server-URL in den App-Einstellungen oder im Abschnitt Sicherheit & Schlüssel finden.
﻿
In diesem Tutorial verwenden wir fetch um Anfragen von Deno an Back4App zu senden. Stellen Sie sicher, dass Sie Ihren API-Schlüssel und den Inhaltstyp der Header in jedem Aufruf einfügen.
Schritt 2 – Datenbank einrichten
In diesem Schritt erstellen Sie ein Datenmodell auf Back4App und interagieren mit ihm über REST-APIs von Deno.
Erstellen eines Datenmodells
Gehen Sie zum Abschnitt “Datenbank” in Ihrem Back4App-Dashboard.
Klicken Sie auf “Eine neue Klasse erstellen” und benennen Sie sie zum Beispiel “Todo.”
Fügen Sie relevante Spalten hinzu (z.B. Titel (String), istAbgeschlossen (Boolean)).
Neue Klasse erstellen
﻿
Sie können auch zulassen, dass Parse diese Spalten automatisch erstellt, wenn Daten gespeichert werden.
Erstellen eines Datenmodells mit dem KI-Agenten
Der KI-Agent von Back4App kann Ihr Schema für Sie entwerfen:
Öffnen Sie den KI-Agenten in Ihrem Back4App-Dashboard.
Beschreiben Sie Ihr Datenmodell (z.B. „Erstellen Sie eine Todo-Klasse mit einem Titel, einer Beschreibung und einem isCompleted-Feld.“).
Erlauben Sie dem Agenten, das Schema automatisch zu generieren.
﻿
Dies hilft Ihnen, komplexere Schemata schnell zu verwalten.
Daten lesen und schreiben mit der REST API
Von Deno aus können Sie den Server starten, indem Sie REST-Endpunkte mit fetch. Zum Beispiel, um ein Todo zu erstellen:
Text
// file called createTodo.ts
export async function createTodoItem(title: string, isCompleted: boolean) {
  const url = "https://parseapi.back4app.com/classes/Todo";
  const body = JSON.stringify({ title, isCompleted });

  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body,
  });

  if (!response.ok) {
    throw new Error(`Error saving Todo: ${response.statusText}`);
  }
  const result = await response.json();
  return result;
}
// file called createTodo.ts
export async function createTodoItem(title: string, isCompleted: boolean) {
  const url = "https://parseapi.back4app.com/classes/Todo";
  const body = JSON.stringify({ title, isCompleted });

  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body,
  });

  if (!response.ok) {
    throw new Error(`Error saving Todo: ${response.statusText}`);
  }
  const result = await response.json();
  return result;
}
﻿
Um Todos abzurufen:
Text
// file called fetchTodos.ts
export async function fetchTodos() {
  const url = "https://parseapi.back4app.com/classes/Todo";

  const response = await fetch(url, {
    method: "GET",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
    },
  });

  if (!response.ok) {
    throw new Error(`Error fetching Todos: ${response.statusText}`);
  }
  const result = await response.json();
  return result;
}
// file called fetchTodos.ts
export async function fetchTodos() {
  const url = "https://parseapi.back4app.com/classes/Todo";

  const response = await fetch(url, {
    method: "GET",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
    },
  });

  if (!response.ok) {
    throw new Error(`Error fetching Todos: ${response.statusText}`);
  }
  const result = await response.json();
  return result;
}
﻿
Sie können diese mit folgendem Befehl ausführen:
Bash
deno run --allow-net createTodo.ts
deno run --allow-net createTodo.ts
﻿
Daten lesen und schreiben mit der GraphQL-API
Back4App bietet auch einen GraphQL-Endpunkt: https://parseapi.back4app.com/graphql
Back4App bietet auch einen GraphQL-Endpunkt: https://parseapi.back4app.com/graphql
Text
// file called createTodoGraphQL.ts
export async function createTodoGraphQL(title: string) {
  const mutation = `
    mutation {
      createTodo(input: {
        fields: {
          title: "${title}"
          isCompleted: false
        }
      }) {
        todo {
          objectId
          title
          isCompleted
        }
      }
    }
  `;

  const response = await fetch("https://parseapi.back4app.com/graphql", {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body: JSON.stringify({ query: mutation }),
  });

  const result = await response.json();
  return result;
}
// file called createTodoGraphQL.ts
export async function createTodoGraphQL(title: string) {
  const mutation = `
    mutation {
      createTodo(input: {
        fields: {
          title: "${title}"
          isCompleted: false
        }
      }) {
        todo {
          objectId
          title
          isCompleted
        }
      }
    }
  `;

  const response = await fetch("https://parseapi.back4app.com/graphql", {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body: JSON.stringify({ query: mutation }),
  });

  const result = await response.json();
  return result;
}
﻿
Arbeiten mit Live-Abfragen (Optional)
Live-Abfragen aktualisieren Sie in Echtzeit, aber Deno hat keine native Parse LiveQuery-Bibliothek. Sie können dennoch die Live-Abfragefunktion in Ihrem Back4App-Dashboard für andere Clients einrichten oder ein WebSocket in Deno verwenden, um manuell zu abonnieren. Für weitere Details siehe die offiziellen Live Query-Dokumentation.
Schritt 3 – Anwendung von Sicherheit mit ACLs und CLPs
Überblick
Die ACLs (Access Control Lists) und CLPs (Class-Level Permissions) von Back4App schützen Ihre Daten. Verwenden Sie CLPs, um Standardregeln für eine gesamte Klasse festzulegen. Verwenden Sie dann ACLs für objektbezogene Einschränkungen.
Einrichten von Klassenebenenberechtigungen
Öffnen Sie die Datenbank Sektion in Ihrem Back4App-Dashboard.
Wählen Sie eine Klasse (zum Beispiel „Todo“).
Gehen Sie zu den Klassenberechtigungen Tab.
Aktivieren oder deaktivieren Sie Lese-/Schreibzugriff für die Öffentlichkeit oder für authentifizierte Benutzer nach Bedarf.
﻿
Konfigurieren von ACLs
Beim Erstellen oder Aktualisieren eines Objekts über REST können Sie ein ACL-Attribut im Anfragekörper einfügen. Zum Beispiel:
Text
const body = JSON.stringify({
  title: "Private Task",
  ACL: {
    "*": { "read": false, "write": false },
    "ROLE:Admins": { "read": true, "write": true },
  }
});
const body = JSON.stringify({
  title: "Private Task",
  ACL: {
    "*": { "read": false, "write": false },
    "ROLE:Admins": { "read": true, "write": true },
  }
});
﻿
Dieses Beispiel erlaubt nur der Rolle „Admins“ zu lesen oder zu schreiben. Öffentlicher Zugang ist deaktiviert.
Schritt 4 – Schreiben von Cloud-Code-Funktionen
Warum Cloud-Code
Cloud-Code ist der Ort, an dem Sie sichere serverseitige Logik speichern. Sie verwalten die Server nicht selbst. Sie können Validierungen oder Trigger für bestimmte Klassen hinzufügen.
Beispiel für eine Cloud-Code-Funktion
Sie können eine Cloud-Funktion (in JavaScript) definieren und in Ihrer App bereitstellen. Zum Beispiel könnte eine Funktion zur Überprüfung der Textlänge so aussehen:
Text
Parse.Cloud.define("calculateTextLength", async (request) => {
  const { text } = request.params;
  if (!text) {
    throw "Text parameter is required";
  }
  return { length: text.length };
});
Parse.Cloud.define("calculateTextLength", async (request) => {
  const { text } = request.params;
  if (!text) {
    throw "Text parameter is required";
  }
  return { length: text.length };
});
﻿
Bereitstellung
Sie können Code über die Back4App CLI oder das Cloud-Code-Panel in Ihrem Back4App-Dashboard bereitstellen.
NPM im Cloud-Code
Sie können externe Bibliotheken mit require(). Nach der Bereitstellung wird die Serverumgebung sie ausführen. Dies ist hilfreich für fortgeschrittene Aufgaben, aber denken Sie daran, dass das Ausführen von Deno von Ihrer Cloud-Code-Umgebung auf Back4App getrennt ist.
Schritt 5 – Konfigurieren der Authentifizierung
Authentifizierung aktivieren
Back4App verwendet die Parse-Benutzerklasse zur Authentifizierung. Während Sie mit Deno arbeiten, können Sie REST-Endpunkte aufrufen, um Benutzer zu verwalten.
Registrieren und Anmelden mit REST
Text
async function signUpUser(username: string, password: string, email: string) {
  const url = "https://parseapi.back4app.com/users";
  const body = JSON.stringify({ username, password, email });

  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body,
  });

  return await response.json();
}

async function logInUser(username: string, password: string) {
  const url = `https://parseapi.back4app.com/login?username=${username}&password=${password}`;

  const response = await fetch(url, {
    method: "GET",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
    },
  });
  return await response.json();
}
async function signUpUser(username: string, password: string, email: string) {
  const url = "https://parseapi.back4app.com/users";
  const body = JSON.stringify({ username, password, email });

  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "application/json",
    },
    body,
  });

  return await response.json();
}

async function logInUser(username: string, password: string) {
  const url = `https://parseapi.back4app.com/login?username=${username}&password=${password}`;

  const response = await fetch(url, {
    method: "GET",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
    },
  });
  return await response.json();
}
﻿
Sozialer Login
Sie können Google, Facebook, Apple und andere Anbieter auf Back4App einrichten. Dann rufen Sie die speziellen Endpunkte mit OAuth-Token auf. Siehe Back4App’s Dokumentation zum sozialen Login für Details.
Schritt 6 – Umgang mit Dateispeicher
Dateien hochladen und abrufen
Um Dateien von Deno hochzuladen, verwenden Sie eine POST-Anfrage an https://parseapi.back4app.com/files/<FILENAME>. Zum Beispiel:
Text
async function uploadFile(fileData: Uint8Array, fileName: string) {
  const url = `https://parseapi.back4app.com/files/${fileName}`;
  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "image/png",
    },
    body: fileData,
  });
  return await response.json();
}
async function uploadFile(fileData: Uint8Array, fileName: string) {
  const url = `https://parseapi.back4app.com/files/${fileName}`;
  const response = await fetch(url, {
    method: "POST",
    headers: {
      "X-Parse-Application-Id": "YOUR_APPLICATION_ID",
      "X-Parse-REST-API-Key": "YOUR_REST_API_KEY",
      "Content-Type": "image/png",
    },
    body: fileData,
  });
  return await response.json();
}
﻿
Sie können die resultierende Date URL dann in Ihren Klassenobjekten speichern. Diese Methode ist perfekt zum Speichern von Bildern oder Dokumenten, während Sie den Server in Deno ausführen.
Schritt 7 – E-Mail-Verifizierung und Passwortzurücksetzung
Übersicht
Die Verifizierung von E-Mails gewährleistet legitimen Zugang. Die Passwortzurücksetzung hilft Benutzern, sicher wieder Zugang zu erhalten.
Dashboard-Konfiguration
E-Mail-Verifizierung aktivieren in Ihrem Back4App-Dashboard unter E-Mail-Einstellungen.
Passen Sie Ihre Verifizierungsvorlagen an.
Passwortzurücksetzung aktivieren und Ihr bevorzugtes E-Mail-Layout festlegen.
Wenn sich ein Benutzer anmeldet, erhält er einen Bestätigungslink, wenn Sie die E-Mail-Bestätigung aktiviert haben. Für die Passwortzurücksetzung rufen Sie den REST-Endpunkt POST /requestPasswordReset auf.
Schritt 8 – Aufgaben mit Cloud-Jobs planen
Übersicht über Cloud-Jobs
Cloud-Jobs werden regelmäßig ohne menschliches Eingreifen ausgeführt. Zum Beispiel können Sie täglich alte Datensätze löschen oder routinemäßige E-Mail-Erinnerungen senden.
Text
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.valueOf() - THIRTY_DAYS);

  query.lessThan("createdAt", cutoff);
  const oldTodos = await query.find({ useMasterKey: true });
  await Parse.Object.destroyAll(oldTodos, { useMasterKey: true });
  return `Deleted ${oldTodos.length} old Todos.`;
});
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.valueOf() - THIRTY_DAYS);

  query.lessThan("createdAt", cutoff);
  const oldTodos = await query.find({ useMasterKey: true });
  await Parse.Object.destroyAll(oldTodos, { useMasterKey: true });
  return `Deleted ${oldTodos.length} old Todos.`;
});
﻿
Nach der Bereitstellung dieses Jobs können Sie ihn in App-Einstellungen > Servereinstellungen > Hintergrundjobs auf Ihrem Back4App-Dashboard planen.
Schritt 9 – Webhooks integrieren
Definition
Ein Webhook ist ein HTTP-Callback, der ausgelöst wird, wenn Ereignisse eintreten, wie z.B. die Erstellung oder Aktualisierung von Objekten. Sie können mit Slack, Stripe oder einem anderen externen Dienst integrieren.
Konfiguration
Öffnen Sie „Mehr“ > „WebHooks“ im Back4App-Dashboard.
Klicken Sie auf „Webhook hinzufügen“ und geben Sie den Endpunkt Ihres Drittanbieterdienstes an.
Legen Sie fest welche Trigger oder Klassen Sie verwenden möchten, um Anfragen zu senden.
Einen Webhook hinzufügen
﻿
Dies ermöglicht externen Systemen, Daten zu erhalten, wann immer Sie Objekte in Back4App erstellen oder ändern.
Schritt 10 – Erforschen des Back4App-Admin-Panels
Einführung in das Admin-Panel
Nicht-technische Teams können dieses Panel nutzen, um Daten visuell zu verwalten. Es vereinfacht CRUD-Operationen und Datenüberprüfungen.
So aktivieren Sie es
Gehen Sie zu App-Dashboard > Mehr > Admin-App und wählen Sie „Admin-App aktivieren.“
Erstellen Sie einen Admin-Benutzer um sich anzumelden.
Legen Sie eine Subdomain fest für Ihre Admin-App.
Admin-App aktivieren
﻿
Sie können sich dann in die Admin-App einloggen, um Datensätze sicher zu verwalten.
Fazit
In diesem Tutorial haben Sie gelernt, wie man ein Backend für Deno auf Back4App erstellt. Sie haben Datenmodelle erstellt, die Benutzerauthentifizierung behandelt, über ACLs und CLPs für Sicherheit gelernt und Cloud-Jobs geplant.
Sie haben auch gesehen, wie man externe APIs über Webhooks integriert und wie man den Server oder REST-APIs mit deno run --allow-net-Befehlen ausführt.
Dieses Setup ermöglicht es Ihnen, schnell zu starten, ohne Dateisysteme oder die Komplexität der Standardbibliothek für die Serverarchitektur manuell zu konfigurieren.
Nächste Schritte:
Erweitern Sie Ihre Deno-Anwendung mit zusätzlichen Endpunkten und fortgeschrittener Logik mithilfe von Cloud-Code.
Integrieren Sie weitere Dienste (z. B. Zahlungs-Gateways, Analysen) mit Ihren Back4App-Daten.
Verweisen Sie auf die offizielle Dokumentation von Back4App für tiefere Sicherheit, Leistung und Tipps zur Protokollanalyse.
Experimentieren Sie mit fortgeschrittenen Echtzeitfunktionen oder Deno KV-Speicher, um Daten zwischen Ihrer Deno-Laufzeit und der robusten Umgebung von Back4App zu überbrücken.
Mit Ihrem neuen Wissen können Sie sicher ein sicheres, skalierbares und funktionsreiches Deno-Backend bereitstellen, das von Back4App unterstützt wird.
Aktualisiert 23 Jan 2025
Hat Ihnen diese Seite geholfen?
Wie man ein Backend für Astro erstellt?
ALS NÄCHSTES
Wie man ein Backend für Golang erstellt?