Wie man ein Backend für jQuery erstellt?
In diesem Tutorial lernen Sie wie man ein Backend für jQuery mit Back4app erstellt.
Wir werden die wesentlichen Funktionen von Back4app integrieren—Datenbankverwaltung, Cloud Code, REST- und GraphQL-APIs, Benutzerauthentifizierung und Echtzeitanfragen—um ein sicheres und skalierbares Backend zu erstellen.
Dieses Backend wird über AJAX-Aufrufe und andere gängige jQuery-Methoden mit Ihrem jQuery-basierten Frontend kommunizieren.
Die intuitive Umgebung von Back4app reduziert die Zeit, die benötigt wird, um Server oder Datenbanken einzurichten.
Durch das Befolgen einiger einfacher Schritte werden Sie praktische Erfahrungen mit ACLs, Klassenberechtigungen, Datenmodellierung, Datei-Uploads und mehr sammeln.
Am Ende dieses Tutorials werden Sie eine solide Grundlage für eine voll funktionsfähige jQuery-basierte App haben, die mit einem Back4app-Backend verbunden ist.
Sie werden bereit sein, benutzerdefinierte Logik hinzuzufügen, externe APIs zu integrieren und Ihre Daten mit feingranularer Kontrolle zu sichern.
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. Folgen Sie der obigen Anleitung, um Ihr Projekt vorzubereiten.
- Node.js (Version 14 oder höher) installiert (Optional) Während Node.js für jQuery im Browser nicht unbedingt erforderlich ist, benötigen Sie es möglicherweise, um lokale Testserver auszuführen oder npm-Pakete zu installieren, wenn Sie lokale Tests durchführen möchten. Node.js installieren
Stellen Sie sicher, dass Sie alle diese Voraussetzungen erfüllt haben, bevor Sie beginnen, damit Sie beim Erstellen Ihres jQuery-basierten Frontends und der Verbindung zu Back4app reibungslos folgen können.
Um Ihr jQuery-Backend-Projekt zu beginnen, erstellen Sie ein neues Back4app-Projekt:
- Melden Sie sich bei Ihrem Back4app-Konto an.
- Klicken Sie auf die Schaltfläche „Neue App“ in Ihrem Back4app-Dashboard.
- Geben Sie Ihrer App einen Namen (z. B. „jQuery-Backend-Tutorial“).
Wenn das Projekt erstellt wird, sehen Sie es in Ihrem Back4app-Dashboard. Dies wird die Grundlage Ihrer Backend-Konfigurationen für jQuery sein.
Back4app verwendet die Parse-Plattform für Daten und Echtzeitfunktionen. Wenn Sie das Parse SDK direkt mit jQuery verwenden möchten, können Sie es als Skript in Ihr HTML laden.
Rufen Sie Ihre Parse-Schlüssel ab: Im Back4app-Dashboard öffnen Sie die „App-Einstellungen“ oder „Sicherheit & Schlüssel“ Ihrer App, um Folgendes zu finden:
- Anwendungs-ID
- JavaScript-Schlüssel
- Parse-Server-URL (normalerweise https://parseapi.back4app.com)
Fügen Sie das Parse SDK ein in Ihre HTML-Datei ein:
In einer jQuery-Umgebung können Sie zuerst jQuery laden, dann Parse, und mit Parse-Objekten in Ihren Skripten interagieren. Diese Verbindung stellt sicher, dass alle Datenaufrufe an Ihr Back4app-Backend über die Parse-Plattform erfolgen.
Nach der Integration des Parse SDK können Sie Daten aus der Back4app-Datenbank speichern und abrufen. Hier ist ein einfaches Beispiel zum Erstellen und Abrufen von „Todo“-Objekten mit jQuery und Parse:
Sie können auch REST-APIs mit cURL aufrufen:
Oder verwenden Sie GraphQL:
Im Back4app-Dashboard:
- Gehe zu „Datenbank.“
- Erstelle eine neue Klasse (z.B. „Todo“) und füge Spalten wie Titel (String) und isCompleted (Boolean) hinzu.
Du kannst auch Parse automatisch Spalten erstellen lassen, wenn du das erste Mal ein Objekt speicherst.
Back4app hat einen KI-Agenten für Datenmodellierung:
- Öffne den KI-Agenten im Dashboard oder Menü deiner App.
- Beschreibe dein Datenmodell (z.B. „Erstelle eine ToDo-App mit einem Klassenschema.“).
- Lass den KI-Agenten das Schema generieren.
Wenn Sie eine Kategorie Klasse haben, die mit vielen Todo Elementen verknüpft ist, können Sie Zeiger oder Beziehungen verwenden:
Für Echtzeit-Updates in Ihrer jQuery-App:
- Aktivieren Sie Echtzeitabfragen in Ihrem Back4app-Dashboard unter Servereinstellungen.
- Initialisieren Sie ein Echtzeitabonnement:
Dieses Abonnement benachrichtigt Sie in Echtzeit, wann immer ein „Todo“-Objekt erstellt, aktualisiert oder gelöscht wird.
ACLs (Zugriffskontrolllisten) und CLPs (Klassenebene Berechtigungen) ermöglichen es Ihnen, zu steuern, wer Daten auf Objekt- oder Klassenebene lesen und schreiben kann.
Eine ACL wird auf einzelnen Objekten festgelegt, um den Zugriff zu beschränken:
CLPs steuern die Standardberechtigungen für eine gesamte Klasse:
- In deinem Back4app Dashboard, öffne den Datenbank Abschnitt.
- Wähle deine Klasse (z.B. „Todo“).
- Gehe zum Tab für Klassenebene Berechtigungen, um öffentlichen, authentifizierten oder rollenbasierten Zugriff zu konfigurieren.
Kombiniere ACLs für objektspezifische Sicherheit mit CLPs für umfassendere Einschränkungen. Für mehr Informationen siehe App-Sicherheitsrichtlinien.
Cloud Code führt benutzerdefiniertes JavaScript auf der Serverseite aus, sodass du Geschäftslogik, Datenvalidierungen oder externe API-Aufrufe hinzufügen kannst.
Sie platzieren Ihren Code in main.js (oder einer ähnlichen Datei), stellen ihn auf Back4app bereit und lassen den Parse Server die Ausführung übernehmen. Sie können auch NPM-Module für komplexere Logik verwenden.
- Über das Dashboard:
- Gehen Sie im Dashboard Ihrer App zu Cloud Code > Funktionen.
- Kopieren/Einfügen der Funktion in main.js.
- Klicken Sie auf Bereitstellen.
Von jQuery aus können Sie eine Cloud-Funktion wie folgt aufrufen:
Back4app verwendet die Parse.User Klasse zur Authentifizierung. Passwort-Hashing, Sitzungstoken und sichere Speicherung werden automatisch behandelt.
Sie können den aktuellen Benutzer abrufen:
Abmelden:
Back4app unterstützt Google, Facebook, Apple und andere OAuth-Anbieter. Für mehr Informationen siehe die Dokumentation zum sozialen Login.
Verwenden Sie Parse.File zum Hochladen:
Sie können die Datei in einer Klasse speichern, indem Sie sie einem Feld zuweisen:
Abrufen der Datei-URL:
Sie können verwalten, wer Dateien hochladen kann, indem Sie die Einstellungen für den Datei-Upload im Parse Server ändern:
Sie können Routineaufgaben ausführen, wie das Löschen alter Daten:
Gehen Sie im Dashboard zu App-Einstellungen > Servereinstellungen > Hintergrundjobs um es zu planen.
Webhooks ermöglichen es Ihrer App, HTTP-Anfragen an einen externen Dienst zu senden, wann immer bestimmte Ereignisse eintreten:
- Gehen Sie zu Mehr > WebHooks in Ihrem Back4app-Dashboard.
- Fügen Sie einen neuen Webhook hinzu mit Ihrem externen Endpunkt.
- Konfigurieren Sie Trigger für Ereignisse wie „neuer Datensatz in der Todo-Klasse.“
Sie können Slack oder ein Zahlungs-Gateway wie Stripe integrieren, indem Sie Ereignisdaten über Webhooks senden.
Die Back4app Admin App bietet eine nicht-technische, webbasierte Schnittstelle für CRUD-Operationen.
Gehe zu App-Dashboard > Mehr > Admin-App und klicke auf „Admin-App aktivieren“:
Erstelle einen ersten Admin-Benutzer, der automatisch eine neue Rolle (B4aAdminUser) und Klassen in deinem Schema erstellt:
Wähle eine Subdomain für den Zugriff auf die Admin-App:
Einloggen mit deinen neuen Admin-Anmeldeinformationen:
Sobald aktiviert, ermöglicht diese Admin-App Ihnen, Daten zu verwalten oder Teammitgliedern ohne Programmierung Zugriff zu gewähren.
In diesem Leitfaden haben Sie gelernt, wie man ein Backend für jQuery mit Back4app erstellt. Sie:
- Ein neues Back4app-Projekt als Ihre Backend-Grundlage erstellt.
- Eine Datenbank eingerichtet, einschließlich Schema-Design und Datenbeziehungen.
- ACLs und CLPs für feingranulare Sicherheit verwendet.
- Cloud-Code für benutzerdefinierte serverseitige Logik bereitgestellt.
- Benutzerauthentifizierung, Dateispeicherung und Echtzeit-Updates konfiguriert.
- Hintergrundjobs geplant und Webhooks für externe Dienste integriert.
- Das Back4app Admin-Panel erkundet, um die Datenverwaltung zu vereinfachen.
Sie sind jetzt in der Lage, dieses grundlegende jQuery + Back4app-Setup in eine vollständige Produktionslösung zu erweitern. Fahren Sie fort, fortschrittliche Funktionen wie soziale Anmeldungen oder detailliertere Sicherheitsregeln zu integrieren. Viel Spaß beim Erstellen Ihrer skalierbaren, datengestützten Anwendungen!
- Produktionsbereit machen: Fügen Sie fortschrittliche rollenbasierte Berechtigungen, Caching-Strategien und Leistungsoptimierung hinzu.
- Drittanbieter-APIs integrieren: Für Zahlungen, Messaging oder Analytik.
- Back4app-Dokumentation erkunden: Tauchen Sie tiefer in fortschrittliche Sicherheit, Protokolle oder Analytik ein.
- Echte Anwendungen erstellen: Nutzen Sie die Einfachheit von jQuery in Kombination mit den leistungsstarken Backend-Diensten von Back4app.