Quickstarters
CRUD Samples
Wie man eine CRUD-App mit Xamarin erstellt?
29 min
übersicht dieser leitfaden wird sie durch die erstellung einer vollständigen crud (erstellen, lesen, aktualisieren, löschen) anwendung mit xamarin führen wir werden back4app als unseren backend service nutzen, um ihre daten mühelos zu verwalten im verlauf dieses tutorials werden sie sehen, wie sie ein back4app projekt konfigurieren, ein flexibles datenschema einrichten und crud operationen in einer xamarin anwendung implementieren zunächst werden sie ein back4app projekt mit dem namen basic crud app xamarin dieses projekt wird als robustes backend für ihre anwendung dienen sie werden ihre datenstrukturen manuell über das back4app dashboard definieren oder den integrierten ki agenten nutzen als nächstes werden sie die intuitive back4app admin app nutzen, um ihre daten mühelos über drag and drop funktionalität zu verwalten schließlich werden sie ihre xamarin app mit back4app unter verwendung des parse net sdk integrieren, das vollständig mit xamarin kompatibel ist und sichere sowie effiziente datenoperationen gewährleistet am ende dieses tutorials werden sie eine produktionsbereite xamarin anwendung entwickelt haben, die in der lage ist, grundlegende crud operationen sowie sichere benutzerauthentifizierung und datenverwaltung durchzuführen wichtige erkenntnisse erfahren sie, wie sie eine auf xamarin basierende crud app mit einem robusten nicht relationalen backend erstellen verstehen sie, wie sie ein skalierbares backend entwerfen und nahtlos mit ihrer xamarin app verbinden entdecken sie, wie sie crud operationen mit der back4app admin app verwalten erforschen sie optionen für sicheres benutzermanagement und backend sicherheit mithilfe von acls und clps voraussetzungen bevor sie beginnen, stellen sie sicher, dass sie ein back4app konto mit einem konfigurierten projekt für hilfe, siehe erste schritte mit back4app https //www back4app com/docs/get started/new parse app eine xamarin entwicklungsumgebung installieren sie visual studio mit xamarin unterstützung und stellen sie sicher, dass sie das neueste net sdk haben ein grundlegendes verständnis von c#, objektorientierter programmierung und rest apis sie können die microsoft c# dokumentation https //docs microsoft com/en us/dotnet/csharp/ bei bedarf überprüfen schritt 1 – konfigurieren ihres back4app projekts erstellen eines neuen projekts auf back4app melden sie sich bei ihrem back4app konto an klicken sie auf die schaltfläche „neue app“ auf ihrem dashboard benennen sie ihr projekt basic crud app xamarin und folgen sie den anweisungen auf dem bildschirm, um die einrichtung abzuschließen neues projekt erstellen nachdem ihr projekt erfolgreich erstellt wurde, wird es auf ihrem dashboard angezeigt, bereit für weitere backend konfigurationen schritt 2 – erstellen des datenschemas definition ihrer datenstrukturen für diese crud anwendung müssen sie mehrere klassen (sammlungen) in ihrem back4app projekt einrichten nachfolgend finden sie beispiele für die primären klassen und deren jeweilige felder, die sie erstellen werden 1\ artikelklasse feld datentyp beschreibung id objekt id automatisch generierte eindeutige kennung titel zeichenfolge der name des artikels beschreibung zeichenfolge eine kurze zusammenfassung des artikels erstelltam datum zeitstempel zur kennzeichnung der erstellung aktualisiertam datum zeitstempel, der das letzte update markiert 2\ benutzerklasse feld datentyp beschreibung id objekt id automatisch generierte eindeutige id benutzername zeichenfolge einzigartiger benutzername für den benutzer e mail zeichenfolge eindeutige e mail adresse für den kontaktdaten des kontos passworthash zeichenfolge verschlüsseltes passwort zur sicherheit erstelltam datum zeitstempel der kontoerstellung aktualisiertam datum zeitstempel für das letzte kontoupdate sie können diese klassen und felder manuell über das back4app dashboard hinzufügen neue klasse erstellen sie können jedes feld definieren, indem sie einen datentyp auswählen, den feldnamen eingeben, standardwerte festlegen und pflichtfelder markieren spalte erstellen nutzung des back4app ki agenten zur schema generierung der integrierte ki agent in ihrem back4app dashboard kann automatisch ihr datenschema basierend auf einer beschreibung generieren dieses tool vereinfacht den einrichtungsprozess und gewährleistet, dass ihr datenmodell für crud operationen optimiert ist so verwenden sie den ki agenten zugriff auf den ki agenten öffnen sie ihr back4app dashboard und suchen sie den ki agenten in ihren projekteinstellungen beschreiben sie ihr schema geben sie eine detaillierte übersicht über die klassen und felder an, die sie benötigen überprüfen und implementieren der ki agent wird ein schema vorschlagen überprüfen sie die vorgeschlagene konfiguration und genehmigen sie sie, um die änderungen anzuwenden beispielaufforderung create the following classes in my back4app project 1\) class items \ fields \ id objectid (auto generated) \ title string \ description string \ createdat date (auto generated) \ updatedat date (auto updated) 2\) class users \ fields \ id objectid (auto generated) \ username string (unique) \ email string (unique) \ passwordhash string \ createdat date (auto generated) \ updatedat date (auto updated) diese ki unterstützte methode spart zeit und gewährleistet eine konsistente, optimierte datenstruktur schritt 3 – aktivierung der admin app & verwaltung von crud operationen übersicht über die admin app die back4app admin app bietet eine no code oberfläche für eine einfache verwaltung von backend daten ihre drag and drop oberfläche vereinfacht crud operationen wie das erstellen, lesen, aktualisieren und löschen von datensätzen aktivierung der admin app öffnen sie das „mehr“ menü auf ihrem back4app dashboard wählen sie „admin app“ und klicken sie „admin app aktivieren “ richten sie ihre admin anmeldeinformationen ein indem sie ein erstes admin konto erstellen dieser prozess legt auch vordefinierte rollen fest (z b b4aadminuser ) und systemklassen admin app aktivieren sobald aktiviert, melden sie sich bei der admin app an, um mit der verwaltung der daten ihrer app zu beginnen admin app dashboard durchführung von crud operationen mit der admin app innerhalb der admin app können sie neue daten einfügen verwenden sie die funktion „datensatz hinzufügen“ innerhalb einer beliebigen klasse (z b artikel), um neue einträge zu erstellen datensätze anzeigen und bearbeiten wählen sie einen datensatz aus, um details zu überprüfen oder felder zu ändern datensätze löschen entfernen sie daten, die nicht mehr benötigt werden diese benutzerfreundliche oberfläche vereinfacht den prozess der verwaltung ihres backends schritt 4 – verbinden ihrer xamarin app mit back4app mit ihrem backend bereit ist die nächste aufgabe, ihre xamarin anwendung mit back4app zu verknüpfen option a verwendung des parse net sdk in xamarin fügen sie die parse net sdk abhängigkeit hinzu für ein xamarin projekt fügen sie das parse net sdk über nuget hinzu öffnen sie ihren nuget paket manager und installieren sie install package parse initialisieren sie parse in ihrer xamarin app erstellen sie eine initialisierungsdatei (z b parseinitializer cs ) und konfigurieren sie sie wie folgt // parseinitializer cs using parse; public static class parseinitializer { public static void initialize() { parseclient initialize(new parseclient configuration { applicationid = "your application id", windowskey = "your xamarin key", server = "https //parseapi back4app com" }); } } 3\ implement crud operations for example, create a service class to manage items ```csharp // itemsservice cs using parse; using system; using system collections generic; using system threading tasks; public class itemsservice { public async task\<list\<parseobject>> getitemsasync() { var query = new parsequery\<parseobject>("items"); try { return await query findasync(); } catch (exception ex) { console writeline($"error fetching items {ex message}"); return null; } } public async task createitemasync(string title, string description) { var item = new parseobject("items"); item\["title"] = title; item\["description"] = description; try { await item saveasync(); console writeline("item created successfully "); } catch (exception ex) { console writeline($"error creating item {ex message}"); } } public async task updateitemasync(string objectid, string newtitle, string newdescription) { var query = new parsequery\<parseobject>("items"); try { var item = await query getasync(objectid); item\["title"] = newtitle; item\["description"] = newdescription; await item saveasync(); console writeline("item updated successfully "); } catch (exception ex) { console writeline($"error updating item {ex message}"); } } public async task deleteitemasync(string objectid) { var query = new parsequery\<parseobject>("items"); try { var item = await query getasync(objectid); await item deleteasync(); console writeline("item deleted successfully "); } catch (exception ex) { console writeline($"error deleting item {ex message}"); } } } option b verwendung von rest oder graphql wenn das parse net sdk nicht bevorzugt wird, können sie crud operationen über rest aufrufe implementieren zum beispiel, um elemente in einer xamarin app über rest abzurufen using system; using system io; using system net http; using system threading tasks; public class restclient { private static readonly httpclient client = new httpclient(); public async task fetchitemsasync() { try { var request = new httprequestmessage(httpmethod get, "https //parseapi back4app com/classes/items"); request headers add("x parse application id", "your application id"); request headers add("x parse rest api key", "your rest api key"); var response = await client sendasync(request); response ensuresuccessstatuscode(); var responsebody = await response content readasstringasync(); console writeline($"response {responsebody}"); } catch (exception ex) { console writeline($"error fetching items {ex message}"); } } } integrieren sie diese api aufrufe nach bedarf in ihr xamarin projekt schritt 5 – verbesserung der backend sicherheit konfigurieren von zugriffskontrolllisten (acls) sichern sie ihre daten, indem sie acls für ihre objekte festlegen zum beispiel, um ein element zu erstellen, das nur von seinem eigentümer zugänglich ist using parse; using system; public async task createprivateitemasync(string title, string description, parseuser owner) { var item = new parseobject("items"); item\["title"] = title; item\["description"] = description; var acl = new parseacl(owner); acl publicreadaccess = false; acl publicwriteaccess = false; item acl = acl; try { await item saveasync(); console writeline("private item created successfully "); } catch (exception ex) { console writeline($"error saving private item {ex message}"); } } festlegen von klassenebene berechtigungen (clps) konfigurieren sie innerhalb ihres back4app dashboards clps, um standardzugriffsregeln festzulegen dies stellt sicher, dass nur authentifizierte benutzer mit bestimmten klassen interagieren können schritt 6 – implementierung der benutzerauthentifizierung in xamarin verwalten von benutzerkonten back4app nutzt die integrierte parse user klasse zur authentifizierung in ihrer xamarin app verwalten sie die benutzerregistrierung und den login wie unten gezeigt using parse; using system; public class authservice { public async task signupasync(string username, string password, string email) { var user = new parseuser { username = username, password = password, email = email }; try { await user signupasync(); console writeline("user registered successfully!"); } catch (exception ex) { console writeline($"error during sign up {ex message}"); } } public async task loginasync(string username, string password) { try { var user = await parseuser loginasync(username, password); console writeline($"user logged in {user username}"); } catch (exception ex) { console writeline($"login failed {ex message}"); } } } dieser ansatz kann erweitert werden, um sitzungsmanagement, passwortwiederherstellung und andere authentifizierungsbezogene funktionen einzuschließen schritt 7 – fazit und zukünftige richtungen gut gemacht! sie haben erfolgreich eine auf xamarin basierende crud anwendung entwickelt, die mit back4app integriert ist in diesem tutorial haben sie ein back4app projekt mit dem namen basic crud app xamarin konfiguriert die notwendigen datenstrukturen für artikel und benutzer entworfen die back4app admin app genutzt, um ihre daten zu verwalten ihre xamarin anwendung über das parse net sdk (oder rest/graphql) verbunden, um crud operationen durchzuführen robuste sicherheitsmaßnahmen implementiert, einschließlich acls und clps benutzerauthentifizierung eingerichtet, um die kontoerstellung und den login zu verwalten nächste schritte erweitern sie die app funktionalität erwägen sie, funktionen wie erweiterte filterung, detaillierte artikelansichten oder echtzeitdatenaktualisierungen hinzuzufügen backend funktionen verbessern erforschen sie cloud funktionen, integrationen von drittanbietern und rollenbasierte zugriffskontrollen weiteres lernen besuchen sie die back4app dokumentation https //www back4app com/docs und zusätzliche ressourcen, um ihre anwendung zu optimieren und zu skalieren viel spaß beim programmieren und viel glück mit ihrer xamarin crud anwendung!