Wie erstellt man eine Anwendung mit einem Backend as a Service?

In diesem Artikel werden wir den Prozess der Erstellung einer mobilen App mit BaaS als Backend-Plattform besprechen. Mobile Apps werden immer beliebter, um mit Kunden zu interagieren und ein benutzerfreundliches Erlebnis beim Zugriff auf Inhalte zu schaffen.

Viele Unternehmen verlassen sich auf ihre mobilen Apps, um ihren Kunden eine ansprechende und interaktive Plattform zu bieten, und ein Backend as a Service (BaaS) kann für die mobile App verwendet werden. BaaS bietet Entwicklern eine Reihe leistungsfähiger Tools, mit denen sie eine mobile App mit minimalem Aufwand und in kürzester Zeit erstellen können.

Backend-Backend-Plattform

Back4App ist eine Cloud-Plattform, die es Entwicklern ermöglicht, Webanwendungen zu erstellen und zu hosten. Sie bietet eine Vielzahl von Funktionen, darunter eine benutzerfreundliche Oberfläche für die Verwaltung von Webanwendungen, eine integrierte Datenbank zum Speichern von Daten und Unterstützung für mehrere Programmiersprachen.

Die Plattform bietet außerdem eine Reihe von Tools für die Entwicklung und das Testen von Webanwendungen, darunter eine Befehlszeilenschnittstelle, SDKs, Analyse-, Überwachungs- und Leistungsoptimierungstools sowie ein integriertes System für die Authentifizierung und Autorisierung von Benutzern.

Das Deployment einer Anwendung auf Back4app kann mehrere Vorteile mit sich bringen. Erstens bietet Back4app einen einfachen Prozess für die Bereitstellung von Webanwendungen, der Ihnen viel Zeit spart.

Es enthält auch eine integrierte Datenbank, die zum Speichern von Daten für Ihre Anwendung verwendet werden kann, so dass Sie keine separate Datenbank einrichten und verwalten müssen.

Back4App ermöglicht es Ihnen auch, die Größe Ihrer App einfach anzupassen, um eine Zunahme des Datenverkehrs zu bewältigen, und verfügt über Tools zur Überwachung und Verbesserung der App-Leistung.

Back4App bietet außerdem Sicherheitsmaßnahmen, um die App und ihre Daten zu schützen, und ermöglicht eine einfache Integration mit anderen Diensten. In diesem Tutorial erfahren Sie, wie Sie in wenigen Schritten eine App auf der Back4App-Plattform bereitstellen können.

Lesen Sie weiter, um zu erfahren, wie man eine App mit einem Backend als Service erstellt.

Erstellen einer Back4App-App

Bevor Sie eine App auf Back4app erstellen können, müssen Sie ein Back4app-Konto haben. Wenn Sie noch kein Back4app-Konto haben, können Sie eines erstellen, indem Sie die folgenden Schritte ausführen.

1. Rufen Sie die Back4app-Website auf.
2. Klicken Sie anschließend auf die Schaltfläche Anmelden in der oberen rechten Ecke der Landing Page.
3. Füllen Sie schließlich das Anmeldeformular aus und schicken Sie es ab.

Nachdem Sie Ihr Back4app-Konto erfolgreich erstellt haben, loggen Sie sich in Ihr Back4app-Konto ein und klicken Sie auf die Schaltfläche NEUE APP in der oberen rechten Ecke.

Wenn Sie auf diese Schaltfläche klicken, gelangen Sie zu einem Formular, in dem Sie einen Namen für die Anwendung eingeben müssen. Geben Sie den Namen Ihrer App ein und klicken Sie auf die Schaltfläche ERSTELLEN.

Wenn Sie auf die Schaltfläche “Erstellen” klicken, wird Ihre neue Anwendung eingerüstet und Sie gelangen zum Dashboard Ihrer Anwendung.

Jetzt haben Sie eine neue Anwendung auf Back4app erstellt. Als nächstes installieren Sie eine erforderliche Abhängigkeit und verbinden Ihre Anwendung mit Back4app.

Lesen Sie weiter, um zu erfahren, wie Sie eine App mit einem Backend als Service erstellen können.

Verbinden Sie Ihre Anwendung mit Back4app

Da Back4app als BaaS-Plattform auf dem Parse-Server aufbaut, müssen Sie das Parse JavaScript SDK installieren, um Ihre Anwendung in die Back4app-Server zu integrieren.

Führen Sie den folgenden Befehl aus, um das Parse JavaScript SDK mit npm zu installieren:

npm install parse

Alternativ können Sie das SDK auch mit dem Garn-Paketmanager installieren, indem Sie den folgenden Befehl ausführen:

yarn add parse

Als Nächstes müssen Sie bestimmte Anmeldedaten für Ihre Anwendung erhalten. Sie benötigen diese, um Ihre Anwendung mit Back4app zu verbinden. Die Anwendungsdaten, die Sie benötigen, sind die Anwendungs-ID und der Javascript-Schlüssel.

Die Anwendungs-ID ist die Haupt-ID, die Ihre Anwendung eindeutig identifiziert. Der Javascript-KEY ist die ID, die Sie bei Anfragen von einem JavaScript-Client verwenden.

Um diese Anmeldeinformationen abzurufen, wählen Sie auf dem Dashboard Ihrer App die App-Einstellungen und dann die Option Sicherheit & Schlüssel. Dies führt Sie zu einer Seite mit verschiedenen App-Schlüsseln. Kopieren Sie die Anwendungs-ID und den Javascript-Schlüssel und speichern Sie sie sicher.

Als Nächstes importieren Sie die verkleinerte Version von Parse aus parse in die Eingangsdatei Ihrer Anwendung (app.js).

Etwa so:

//app.js
import Parse from "parse/dist/parse.min.js";

Als nächstes rufen Sie die Initialisierungsmethode von Parse auf. Diese Methode nimmt Ihre Anwendungs-ID und Ihren Javascript-KEY als Argumente.

Zum Beispiel:

//app.js
Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY);

Wenn Sie die Initialisierungsmethode aufrufen und Ihre Anwendungs-ID und den Javascript-KEY als Argumente übergeben, wird das Parse-SDK initialisiert.

Legen Sie als Nächstes die Eigenschaft serverURL bei Parse auf https://parseapi.back4app.com/ fest.

Zum Beispiel:

Parse.serverURL = "<https://parseapi.back4app.com/>";

Ihre App ist nun initialisiert und kann sich sicher mit Back4app verbinden. Als nächstes werden Sie einige Daten auf der Plattform speichern. Lesen Sie weiter, um zu erfahren, wie Sie eine App mit einer BaaS erstellen.

Speichern von Daten in Back4app

Um mit dem JavaScript Parse SDK, das verschiedene Methoden zur Interaktion mit der Back4app-Plattform bietet, Daten in Back4App zu speichern, müssen Sie eine Parse-Objektinstanz erstellen und die Attribute definieren, die Ihre Instanz besitzen soll.

In diesem Tutorial gehen wir davon aus, dass Sie versuchen, eine Todo-Anwendung mit Back4app zu verbinden.

Der folgende Codeblock zeigt ein Beispiel dafür, wie Sie mit dem JavaScript Parse SDK Daten in Back4app speichern können:

function addTodo() {
  try {
    // Creating a new Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "First Todo");
    Todo.set("completed", false);

    //Saving object to Back4app
    Todo.save().then(() => {
      console.log("New todo added successfully");
    });
  } catch (error) {
    console.log(error);
  }
}

In der obigen Funktion addTodo wurde mit dem Konstruktor Parse .Object() ein neues Parse-Objekt der Klasse Todo erzeugt. Der Parse.Object() -Konstruktor nimmt einen Klassennamen als Argument an.

Dann wurden die Attribute von Todo durch Aufruf der Methode set gesetzt. Die set-Methode benötigt einen Schlüssel und einen Wert als Argumente. In diesem Fall hat die Klasse Todo zwei Attribute, title und completed, die auf “First Todo” bzw. false gesetzt wurden.

Schließlich wurde die Todo-Klasse in Back4app gespeichert, indem die save-Methode der Todo-Klasse aufgerufen wurde. Die save() -Methode ist asynchron, d.h. sie gibt ein Versprechen zurück, das bei erfolgreicher Speicherung aufgelöst oder bei Fehlschlag zurückgewiesen wird.

Nachdem Sie Daten in Back4app gespeichert haben, können Sie die Daten auf dem Dashboard Ihrer Anwendung einsehen, indem Sie auf den Namen Ihrer Klasse klicken.

Jetzt können Sie Daten sicher auf Back4app speichern. Als nächstes erfahren Sie, wie Sie gespeicherte Daten von Back4app abrufen können.

Abrufen von Daten aus Back4app

Um Daten von Back4app abzurufen, müssen Sie eine Parse-Abfrage für die Klasse erstellen, von der Sie Daten abrufen möchten, z. B. die oben beschriebene Todo-Klasse. Anschließend filtern Sie die Daten anhand bestimmter Kriterien mit Methoden, die das JavaScript Parse SDK bereitstellt.

Der folgende Codeblock zeigt ein Beispiel, wie Sie mit dem JavaScript Parse SDK Daten von Back4app abrufen können:

async function fetchTodo() {
  try {
    //Creating a parse query for the Todo class
    const query = new Parse.Query("Todo");

    //Using the equalTo filter to look for todo that matches the given title.
    query.equalTo("title", "First Todo");

     //Running the query
    const Todo = await query.first();

    //Accessing static attributes
    const todoId = Todo.id;
    const todoUpdateAt = Todo.updatedAt;
    const todoCreatedAt = Todo.createdAt;

    //Accessing set attributes
    const todoTitle = Todo.get("title");
    const todoCompleted = Todo.get("completed");
    
    //Logging values
    console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted);
  } catch (error) {
    console.log(error);
  }
}

In der obigen Funktion fetchTodo wird eine neue Abfrage für die Klasse Todo mithilfe des Konstruktors Parse.Query() erstellt. Das Query-Objekt wird verwendet, um Daten von Back4App abzurufen.

Dann wurde die Methode equalTo(), die einen Schlüssel und einen Wert als Argumente annimmt, verwendet, um die Abfrage zu filtern und sicherzustellen, dass sie das Todo mit dem Titel “First Todo” zurückgibt.

Je nach Bedarf können Sie verschiedene andere Filter verwenden, z. B. die notEqualTo-Methode oder die greaterThan-Methode, die ebenfalls Schlüssel-Wert-Paare als Argumente zum Filtern Ihrer Abfrage verwendet.

Anschließend wurde die Abfrage mit der Methode first() ausgeführt, die das erste Ergebnis zurückgibt, das dem Filter entspricht. Die first() -Methode gibt ein Versprechen zurück, das mit dem passenden Objekt aufgelöst wird, wenn es gefunden wird, oder mit einem Fehler zurückgewiesen wird, wenn es nicht gefunden wird.

Alternativ können Sie die Abfrage auch mit der find() -Methode ausführen, die ein Array von Ergebnissen zurückgibt, die dem Filter entsprechen.

Nachdem die Abfrage ausgeführt und das Todo-Objekt zurückgegeben wurde, können Sie auf die statischen Attribute des Objekts zugreifen, wie id, createdAt und updatedAt. Diese statischen Attribute werden vom Parse SDK gesetzt und können nicht mit der get-Methode abgerufen oder mit der set-Methode geändert werden.

Sie können auch auf die eingestellten Attribute, wie z. B. Titel, zugreifen , indem Sie die Methode get() verwenden. Die get-Methode nimmt den Schlüssel eines Attributs als Argument und gibt den Wert des Attributs zurück.

Daten auf Back4app aktualisieren

Die Aktualisierung von Daten in Back4app ist dem Speichern von Daten in Back4app sehr ähnlich. Um Daten in Back4app zu aktualisieren, setzen Sie einige neue Daten auf Ihre Parse-Objektinstanz und rufen die Speichermethode auf.

Das Parse SDK ermittelt automatisch, welche Daten sich geändert haben, so dass nur geänderte Felder an Back4app gesendet werden.

Der folgende Code-Block zeigt ein Beispiel dafür, wie Sie Daten von Back4app mit dem JavaScript Parse SDK aktualisieren können:

async function updateTodo() {
  try {
    // Creating a Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "Unmodified Todo");
    Todo.set("completed", false);

    // Updating Object attributes
    Todo.save().then((todo) => {
      todo.set("title", "modified Todo");

      return todo.save().then(() => {
        console.log("Todo updated");
      });
    });
  } catch (error) {
    console.log(error);
  }
}

In der obigen Funktion updateTodo wurden die ursprünglichen Attribute mit der Methode save in der Klasse Todo gespeichert.

Das aufgelöste Objekt der Speichermethode wird als Parameter an die Callback-Funktion übergeben, wo es durch Aufruf der set() -Methode für das Objekt und Übergabe des neuen Werts für die Eigenschaft “title” aktualisiert wird.

Nach der Aktualisierung des Objekts wird die save() -Methode erneut für das Objekt aufgerufen, wodurch die aktualisierten Daten zur Speicherung an das Back4App-Backend gesendet werden.

Die save() -Methode gibt ein Versprechen zurück, das bei erfolgreicher Speicherung mit dem aktualisierten Objekt aufgelöst oder bei fehlgeschlagener Speicherung mit einem Fehler zurückgewiesen wird.

Löschen von Daten auf Back4app

Sie können Daten in back4app löschen, indem Sie die Methode destroy in der Klasseninstanz aufrufen.

Zum Beispiel:

Todo.destroy().then(() => {
      console.log("Object deleted successfully");
    });

Alternativ können Sie ein einzelnes Feld aus einem Objekt löschen, indem Sie die unset-Methode für eine Instanz der Klasse Parse aufrufen.

Zum Beispiel:

Todo.unset("Title");

Die unset-Methode nimmt einen Schlüssel als Argument und löscht das Feld aus Back4app.

Schlussfolgerung

Zusammenfassend lässt sich sagen, dass die Verwendung eines BaaS-Backend-as-a-Service eine hervorragende Möglichkeit ist, großartige Anwendungen zu erstellen, ohne dass tiefgreifende Kenntnisse der serverseitigen Technologie erforderlich sind.

Es bietet die notwendigen Tools und Ressourcen, um die Backend-Komponenten jeder App schnell zu erstellen, wobei Funktionen wie Authentifizierung und Analysen bereits berücksichtigt werden.

Die Bereitstellung einer App auf Back4app ist ein unkomplizierter Prozess, den Sie anhand der in diesem Tutorial beschriebenen Schritte durchführen können.

Back4app bietet eine robuste und skalierbare Backend-as-a-Service-Plattform, die es Ihnen ermöglicht, Ihren Anwendungen einfach Backend-Funktionalität hinzuzufügen.

Mit Back4app können Sie sich auf die Schaffung eines großartigen Benutzererlebnisses konzentrieren und die Verwaltung des Backends Back4app überlassen.