Wie man eine CRUD-App mit Node.js erstellt?

übersicht in diesem leitfaden lernen sie, wie sie eine vollständige crud anwendung (erstellen, lesen, aktualisieren, löschen) mit node js entwickeln wir werden back4app als unseren backend service nutzen, um das datenmanagement zu vereinfachen dieser leitfaden führt sie durch die konfiguration eines back4app projekts, das design eines dynamischen datenmodells und die implementierung von crud operationen mit node js zunächst richten sie ein back4app projekt mit dem namen basic crud app node ein, das eine robuste, nicht relationale datenspeicherlösung bietet anschließend entwerfen sie ihr datenschema, indem sie sammlungen und felder entweder manuell definieren oder den back4app ai agenten nutzen als nächstes verwalten sie ihr backend über die back4app admin app—eine benutzerfreundliche drag and drop oberfläche zur datenmanipulation schließlich integrieren sie ihre node js anwendung mit back4app unter verwendung des parse javascript sdk (oder der rest/graphql api nach bedarf) und stellen dabei sichere zugriffskontrollen sicher am ende dieses tutorials werden sie eine produktionsbereite node js anwendung erstellt haben, die in der lage ist, grundlegende crud operationen sowie benutzerauthentifizierung und datensicherheit durchzuführen was sie lernen werden wie man eine auf node js basierende crud anwendung mit einem effektiven low code backend erstellt strategien zur gestaltung eines skalierbaren backends und zur verbindung mit ihrer node js anwendung wie man die back4app admin app für optimierte erstellungs , lese , aktualisierungs und löschoperationen nutzt bereitstellungstechniken, einschließlich docker containerisierung, um ihre node js anwendung effizient zu starten voraussetzungen bevor sie beginnen, stellen sie sicher, dass sie ein back4app konto mit einem frisch konfigurierten projekt brauchen sie hilfe? besuchen sie erste schritte mit back4app https //www back4app com/docs/get started/new parse app ein node js entwicklungssetup verwenden sie einen code editor wie visual studio code und stellen sie sicher, dass node js (v14 oder höher) installiert ist grundkenntnisse in node js, asynchroner programmierung und rest apis verweisen sie auf die node js dokumentation https //nodejs org/en/docs/ falls erforderlich schritt 1 – einrichten ihres projekts erstellen eines neuen back4app projekts melden sie sich bei ihrem back4app konto an klicken sie auf die schaltfläche „neue app“ in ihrem dashboard benennen sie ihr projekt basic crud app node und folgen sie den anweisungen auf dem bildschirm, um die einrichtung abzuschließen neues projekt erstellen nach der erstellung wird ihr projekt auf ihrem dashboard angezeigt, bereit für die backend konfiguration schritt 2 – erstellen ihres datenschemas definieren ihrer datenstrukturen für diese crud anwendung werden sie mehrere sammlungen in ihrem back4app projekt erstellen im folgenden finden sie beispiele für die wichtigsten sammlungen und felder, die für grundlegende crud funktionalität benötigt werden 1\ artikel sammlung diese sammlung speichert details zu jedem artikel feld typ beschreibung id objekt id automatisch generierte eindeutige kennung titel zeichenfolge der name des artikels beschreibung zeichenfolge eine kurze übersicht über den artikel erstelltam datum zeitstempel, der markiert, wann der artikel hinzugefügt wurde aktualisiertam datum zeitstempel, der das letzte update markiert 2\ benutzersammlung diese sammlung verwaltet benutzeranmeldeinformationen und authentifizierungsdaten feld typ beschreibung id objekt id automatisch generierte eindeutige kennung benutzername zeichenfolge einzigartiger name für den benutzer e mail zeichenfolge eindeutige e mail adresse des benutzers passworthash zeichenfolge gehashtes passwort für sichere authentifizierung erstelltam datum zeitstempel, wann das konto erstellt wurde aktualisiertam datum zeitstempel, wann das konto aktualisiert wurde sie können diese sammlungen und felder manuell über das back4app dashboard erstellen neue klasse erstellen sie können spalten hinzufügen, indem sie einen datentyp auswählen, das feld benennen, standardwerte festlegen und sie als erforderlich markieren spalte erstellen nutzung des back4app ki agenten zur schema generierung der back4app ki agent vereinfacht die schema einrichtung, indem er ihr datenmodell automatisch basierend auf ihrer beschreibung generiert dies beschleunigt die konfiguration und stellt sicher, dass ihre datenstrukturen alle crud operationen unterstützen so verwenden sie den ki agenten öffnen sie den ki agenten greifen sie über die projekteinstellungen ihres back4app projekts auf den ki agenten zu skizzieren sie ihr datenschema beschreiben sie die sammlungen und felder, die sie benötigen überprüfen und anwenden der ki agent wird ein schema vorschlagen überprüfen sie den vorschlag und wenden sie die änderungen an beispielaufforderung create the following collections in my back4app project 1\) collection items \ fields \ id objectid (auto generated) \ title string \ description string \ createdat date (auto generated) \ updatedat date (auto updated) 2\) collection users \ fields \ id objectid (auto generated) \ username string (unique) \ email string (unique) \ passwordhash string \ createdat date (auto generated) \ updatedat date (auto updated) diese methode gewährleistet ein konsistentes und optimiertes datenmodell schritt 3 – aktivierung der admin app & durchführung von crud operationen überblick über die admin app die back4app admin app bietet eine no code oberfläche zur verwaltung ihrer backend daten ihr drag and drop design macht es einfach, crud aufgaben wie das hinzufügen, anzeigen, aktualisieren und löschen von datensätzen auszuführen aktivierung der admin app gehen sie zum abschnitt „mehr“ in ihrem back4app dashboard wählen sie „admin app“ und klicken sie auf „admin app aktivieren “ konfigurieren sie ihre admin anmeldeinformationen indem sie ihr erstes admin konto einrichten dieser prozess erstellt auch rollen (z b b4aadminuser ) und systemklassen admin app aktivieren nach der aktivierung melden sie sich bei der admin app an, um ihre daten zu verwalten admin app dashboard verwaltung von crud operationen mit der admin app im admin app können sie datensätze einfügen verwenden sie die schaltfläche „datensatz hinzufügen“ innerhalb einer sammlung (zum beispiel, artikel), um neue einträge zu erstellen datensätze überprüfen und bearbeiten klicken sie auf einen datensatz, um dessen details zu überprüfen oder seine felder zu aktualisieren datensätze löschen entfernen sie einträge, die nicht mehr benötigt werden diese benutzerfreundliche oberfläche vereinfacht das datenmanagement erheblich schritt 4 – verknüpfung ihrer node js anwendung mit back4app nachdem ihr backend eingerichtet ist, ist es an der zeit, ihre node js app mit back4app zu verbinden option a verwendung des parse javascript sdk installieren sie das parse javascript sdk führen sie den folgenden befehl in ihrem projektverzeichnis aus npm install parse initialisieren sie parse in ihrer node js anwendung erstellen sie eine konfigurationsdatei (z b parseconfig js ) // parseconfig js const parse = require('parse/node'); parse initialize('your application id', 'your javascript key'); parse serverurl = 'https //parseapi back4app com'; module exports = parse; 3\ implement crud operations for example, create a service to manage items ```javascript // itemsservice js const parse = require(' /parseconfig'); async function fetchitems() { const items = parse object extend('items'); const query = new parse query(items); try { const results = await query find(); console log('fetched items ', results); return results; } catch (error) { console error('error retrieving items ', error); } } async function createitem(title, description) { const items = parse object extend('items'); const item = new items(); item set('title', title); item set('description', description); try { await item save(); console log('item successfully created '); } catch (error) { console error('error creating item ', error); } } async function updateitem(objectid, newtitle, newdescription) { const items = parse object extend('items'); const query = new parse query(items); try { const item = await query get(objectid); item set('title', newtitle); item set('description', newdescription); await item save(); console log('item updated successfully '); } catch (error) { console error('error updating item ', error); } } async function deleteitem(objectid) { const items = parse object extend('items'); const query = new parse query(items); try { const item = await query get(objectid); await item destroy(); console log('item deleted successfully '); } catch (error) { console error('error deleting item ', error); } } module exports = { fetchitems, createitem, updateitem, deleteitem, }; option b verwendung von rest oder graphql wenn sie das parse sdk nicht verwenden möchten, können sie über rest api aufrufe mit back4app interagieren hier ist beispielsweise, wie sie mit node js elemente abrufen const https = require('https'); function fetchitemsrest() { const options = { hostname 'parseapi back4app com', path '/classes/items', method 'get', headers { 'x parse application id' 'your application id', 'x parse rest api key' 'your rest api key' } }; const req = https request(options, res => { let data = ''; res on('data', chunk => data += chunk); res on('end', () => console log('response ', data)); }); req on('error', error => console error('error ', error)); req end(); } fetchitemsrest(); integrieren sie diese rest aufrufe nach bedarf in ihre node js dienste schritt 5 – stärkung ihrer backend sicherheit konfigurieren von zugriffskontrolllisten (acls) verbessern sie ihre datensicherheit, indem sie acls für ihre objekte festlegen zum beispiel, um ein element nur für seinen ersteller zugänglich zu machen const parse = require(' /parseconfig'); async function createprivateitem(title, description, owner) { const items = parse object extend('items'); const item = new items(); item set('title', title); item set('description', description); const acl = new parse acl(); acl setreadaccess(owner, true); acl setwriteaccess(owner, true); acl setpublicreadaccess(false); acl setpublicwriteaccess(false); item setacl(acl); try { await item save(); console log('private item created successfully '); } catch (error) { console error('error saving private item ', error); } } festlegen von klassenberechtigungen (clps) passen sie die clps in ihrem back4app dashboard an, um standardmäßige sicherheitsregeln durchzusetzen, die sicherstellen, dass nur authentifizierte benutzer mit bestimmten sammlungen interagieren können schritt 6 – implementierung der benutzerauthentifizierung konfigurieren des benutzermanagements back4app nutzt die integrierte benutzerkollektion von parse zur verwaltung der authentifizierung implementieren sie in ihrer node js app die benutzerregistrierung und anmeldung wie unten gezeigt const parse = require(' /parseconfig'); async function signup(username, password, email) { const user = new parse user(); user set('username', username); user set('password', password); user set('email', email); try { await user signup(); console log('user registered successfully!'); } catch (error) { console error('error during sign up ', error); } } async function login(username, password) { try { const user = await parse user login(username, password); console log('user logged in ', user get('username')); } catch (error) { console error('login error ', error); } } module exports = { signup, login }; ein ähnlicher ansatz kann für das sitzungsmanagement und zusätzliche authentifizierungsfunktionen verwendet werden schritt 7 – bereitstellung ihrer node js anwendung back4app bietet einen reibungslosen bereitstellungsprozess sie können ihre node js app mit mehreren methoden bereitstellen, einschließlich docker containerisierung 7 1 erstellen ihrer anwendung kompilieren und verpacken verwenden sie ihr bevorzugtes build tool (wie npm oder yarn), um ihre anwendung vorzubereiten führen sie beispielsweise aus npm run build überprüfen sie ihren build stellen sie sicher, dass ihr produktionsbundle alle erforderlichen module und dateien enthält 7 2 organisieren sie ihr projektlayout eine typische node js projektstruktur könnte folgendermaßen aussehen basic crud app node/ \| src/ \| | controllers/ \| | | itemscontroller js \| | | authcontroller js \| | models/ \| | | item js \| | | user js \| | routes/ \| | itemsroutes js \| | authroutes js \| parseconfig js \| package json \| readme md 7 3 dockerisieren sie ihre node js app wenn sie eine containerisierte bereitstellung bevorzugen, fügen sie eine dockerfile zu ihrem projektstamm hinzu \# use an official node js runtime as a parent image from node 14 alpine \# set the working directory workdir /usr/src/app \# copy package files and install dependencies copy package json / run npm install \# copy the rest of the application code copy \# expose the application port (adjust if necessary) expose 3000 \# start the node js application cmd \["npm", "start"] 7 4 bereitstellung über back4app web bereitstellung verbinden sie ihr github repository hosten sie ihren node js quellcode auf github konfigurieren sie die bereitstellungseinstellungen wählen sie in ihrem back4app dashboard die web bereitstellung option, verlinken sie ihr repository (z b basic crud app node ), und wählen sie den gewünschten branch legen sie build und ausgabebefehle fest definieren sie ihren build befehl (z b npm run build ) und geben sie den ausgabepfad an stellen sie ihre app bereit klicken sie auf bereitstellen und überwachen sie die protokolle, bis ihre anwendung live ist schritt 8 – abschluss und zukünftige verbesserungen herzlichen glückwunsch! sie haben jetzt eine node js crud anwendung erstellt, die mit back4app integriert ist sie haben ein projekt namens basic crud app node , sammlungen für elemente und benutzer eingerichtet und ihr backend mit der back4app admin app verwaltet darüber hinaus haben sie ihre node js app über das parse javascript sdk (oder rest/graphql) verbunden und starke sicherheitsmaßnahmen implementiert nächste schritte verbessern sie ihre anwendung erwägen sie, funktionen wie erweiterte filterung, detaillierte ansichten oder echtzeit updates hinzuzufügen erweitern sie die backend funktionen erforschen sie cloud funktionen, integrationen von drittanbieter apis oder rollenbasierte zugriffskontrollen vertiefen sie ihr fachwissen schauen sie sich die back4app dokumentation https //www back4app com/docs und zusätzliche tutorials an, um ihre anwendung weiter zu verfeinern viel spaß beim programmieren und alles gute auf ihrer reise mit ihrer node js crud anwendung!