Quickstarters
CRUD Samples
Comment créer une application CRUD avec Xamarin ?
30 min
aperçu ce guide vous accompagnera dans la création d'une application crud complète (créer, lire, mettre à jour, supprimer) en utilisant xamarin nous utiliserons back4app comme notre service backend pour gérer vos données sans effort tout au long de ce tutoriel, vous verrez comment configurer un projet back4app, établir un schéma de données flexible et mettre en œuvre des opérations crud dans une application xamarin dans un premier temps, vous configurerez un projet back4app nommé basic crud app xamarin ce projet servira de backend robuste pour votre application vous définirez vos structures de données manuellement via le tableau de bord back4app ou exploiterez l'agent ia intégré ensuite, vous utiliserez l'application admin back4app intuitive pour gérer vos données sans effort grâce à la fonctionnalité de glisser déposer enfin, vous intégrerez votre application xamarin avec back4app en utilisant le sdk parse net, qui est entièrement compatible avec xamarin, garantissant des opérations de données sécurisées et efficaces à la fin de ce tutoriel, vous aurez développé une application xamarin prête pour la production capable d'exécuter des opérations crud de base ainsi qu'une authentification utilisateur sécurisée et une gestion des données aperçus clés apprenez à construire une application crud basée sur xamarin intégrée à un backend non relationnel robuste comprenez comment concevoir un backend évolutif et le connecter de manière transparente à votre application xamarin découvrez comment gérer les opérations crud en utilisant l'application admin back4app explorez les options pour une gestion sécurisée des utilisateurs et la sécurité du backend en utilisant des acl et des clp conditions préalables avant de commencer, assurez vous d'avoir un compte back4app avec un projet configuré pour obtenir de l'aide, consultez démarrer avec back4app https //www back4app com/docs/get started/new parse app un environnement de développement xamarin installez visual studio avec le support xamarin et assurez vous d'avoir le dernier sdk net une compréhension de base de c#, de la programmation orientée objet et des api rest vous pouvez consulter la documentation microsoft c# https //docs microsoft com/en us/dotnet/csharp/ si nécessaire étape 1 – configurer votre projet back4app créer un nouveau projet sur back4app connectez vous à votre compte back4app cliquez sur le bouton “nouvelle application” sur votre tableau de bord nommez votre projet basic crud app xamarin et suivez les instructions à l'écran pour compléter la configuration créer un nouveau projet après la création réussie de votre projet, il apparaîtra sur votre tableau de bord, prêt pour une configuration backend supplémentaire étape 2 – élaboration du schéma de données définir vos structures de données pour cette application crud, vous devez configurer plusieurs classes (collections) dans votre projet back4app ci dessous, des exemples des classes principales et de leurs champs respectifs que vous allez créer 1\ classe des articles champ type de données description id identifiant d'objet identifiant unique généré automatiquement titre chaîne le nom de l'article description chaîne un bref résumé de l'élément créé à date horodatage marquant la création mis à jour le date horodatage marquant la dernière mise à jour 2\ classe des utilisateurs champ type de données description id identifiant d'objet identifiant unique généré automatiquement nom d'utilisateur chaîne nom d'utilisateur unique pour l'utilisateur email chaîne adresse e mail unique pour le contact du compte hashdemotdepasse chaîne mot de passe crypté pour la sécurité créé à date horodatage de création du compte mis à jour le date horodatage de la dernière mise à jour du compte vous pouvez ajouter ces classes et champs manuellement via le tableau de bord back4app créer une nouvelle classe vous pouvez définir chaque champ en sélectionnant un type de données, en saisissant le nom du champ, en définissant des valeurs par défaut et en marquant les champs obligatoires créer une colonne utiliser l'agent ai de back4app pour la génération de schémas l'agent ai intégré dans votre tableau de bord back4app peut générer automatiquement votre schéma de données en fonction d'une description cet outil simplifie le processus de configuration et garantit que votre modèle de données est optimisé pour les opérations crud comment utiliser l'agent ai accéder à l'agent ai ouvrez votre tableau de bord back4app et localisez l'agent ai dans les paramètres de votre projet décrire votre schéma fournissez un aperçu détaillé des classes et des champs dont vous avez besoin examiner et mettre en œuvre l'agent ai proposera un schéma examinez la configuration suggérée et approuvez la pour appliquer les modifications exemple de prompt 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) cette méthode assistée par ai permet de gagner du temps et garantit une structure de données cohérente et optimisée étape 3 – activer l'application admin et gérer les opérations crud aperçu de l'application admin l'application admin back4app fournit une interface sans code pour une gestion facile des données backend son interface de glisser déposer simplifie les opérations crud telles que la création, la lecture, la mise à jour et la suppression d'enregistrements activation de l'application admin ouvrez le menu “plus” sur votre tableau de bord back4app sélectionnez “admin app” et cliquez sur “activer l'application admin ” configurez vos identifiants administratifs en créant un compte administrateur initial ce processus établit également des rôles prédéfinis (par exemple, b4aadminuser ) et des classes système activer l'application admin une fois activée, connectez vous à l'application admin pour commencer à gérer les données de votre application tableau de bord de l'application admin effectuer des opérations crud avec l'application admin dans l'application admin, vous pouvez insérer de nouvelles données utilisez la fonction “ajouter un enregistrement” dans n'importe quelle classe (par exemple, articles) pour créer de nouvelles entrées afficher et modifier des enregistrements sélectionnez un enregistrement pour inspecter les détails ou modifier les champs supprimer des enregistrements supprimez les entrées de données qui ne sont plus nécessaires cette interface conviviale simplifie le processus de gestion de votre backend étape 4 – connecter votre application xamarin à back4app avec votre backend prêt, la prochaine tâche est de lier votre application xamarin à back4app option a utiliser le sdk parse net dans xamarin ajouter la dépendance du sdk parse net pour un projet xamarin, incluez le sdk parse net via nuget ouvrez votre gestionnaire de packages nuget et installez install package parse initialiser parse dans votre application xamarin créez un fichier d'initialisation (par exemple, parseinitializer cs ) et configurez le comme suit // 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 utilisation de rest ou graphql si le sdk net de parse n'est pas préféré, vous pouvez implémenter des opérations crud via des appels rest par exemple, pour récupérer des éléments en utilisant rest dans une application xamarin 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}"); } } } intégrez ces appels api dans votre projet xamarin selon les besoins étape 5 – amélioration de la sécurité backend configuration des listes de contrôle d'accès (acl) sécurisez vos données en définissant des acl sur vos objets par exemple, pour créer un élément accessible uniquement par son propriétaire 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}"); } } définition des autorisations au niveau de la classe (clp) dans votre tableau de bord back4app, configurez les clp pour établir des règles d'accès par défaut cela garantit que seuls les utilisateurs authentifiés peuvent interagir avec des classes spécifiques étape 6 – mise en œuvre de l'authentification des utilisateurs dans xamarin gestion des comptes utilisateurs back4app utilise la classe parse user intégrée pour l'authentification dans votre application xamarin, gérez l'enregistrement et la connexion des utilisateurs comme indiqué ci dessous 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}"); } } } cette approche peut être étendue pour inclure la gestion des sessions, la récupération de mot de passe et d'autres fonctionnalités liées à l'authentification étape 7 – conclusion et orientations futures bien joué ! vous avez réussi à développer une application crud basée sur xamarin intégrée à back4app dans ce tutoriel, vous a configuré un projet back4app nommé basic crud app xamarin a conçu les structures de données nécessaires pour les articles et les utilisateurs a utilisé l'application admin de back4app pour gérer vos données a connecté votre application xamarin via le sdk parse net (ou rest/graphql) pour effectuer des opérations crud a mis en œuvre des mesures de sécurité robustes, y compris des acl et des clp a configuré l'authentification des utilisateurs pour gérer la création de comptes et la connexion prochaines étapes étendre la fonctionnalité de l'application envisagez d'ajouter des fonctionnalités telles que le filtrage avancé, des vues détaillées des articles ou des mises à jour de données en temps réel améliorer les capacités du backend explorez les fonctions cloud, les intégrations tierces et les contrôles d'accès basés sur les rôles apprentissage supplémentaire visitez la documentation de back4app https //www back4app com/docs et d'autres ressources pour optimiser et faire évoluer votre application bon codage et bonne chance avec votre application crud xamarin !