iOS
Intégration de connexion/inscription iOS avec Parse Server et XCode
17 min
tutoriel de connexion et d'enregistrement des utilisateurs utilisant xcode et back4app introduction cette section explique comment vous pouvez créer une application avec un enregistrement utilisateur simple en utilisant les fonctionnalités principales de parse server via back4app voici à quoi cela ressemblera à tout moment, vous pouvez accéder au projet complet construit avec ce tutoriel sur notre dépôt github pour compléter ce guide de démarrage rapide, vous avez besoin de xcode une application créée sur back4app suivez le tutoriel de nouvelle application parse pour apprendre à créer une application parse sur back4app une application ios connectée à back4app remarque suivez le tutoriel d'installation du sdk parse (objc) pour créer un projet xcode connecté à back4app un compte développeur apple payant 1 configuration ajoutez un autre contrôleur de vue appelé loggedinviewcontroller dans le storyboard principal, faites glisser un contrôleur de vue sur le canevas et définissez la classe sur loggedinviewcontroller et définissez l'id du storyboard sur loggedinviewcontroller dans les fichiers viewcontroller m et loggedinviewcontroller m, assurez vous d'inclure le module parse en l'incluant en haut du fichier 2 créez votre interface utilisateur d'inscription et de connexion se connecter crée un objet session, qui pointe vers l'utilisateur connecté si la connexion est réussie, parseuser currentuser() renvoie un objet user, et un objet session est créé dans le tableau de bord tableau de bord sinon, si le nom d'utilisateur cible n'existe pas ou si le mot de passe est incorrect, cela renvoie null la méthode utilisée pour effectuer l'action de connexion est parseuser loginwithusername() , qui nécessite autant d'arguments que les chaînes de nom d'utilisateur et de mot de passe, et peut appeler une fonction de rappel remarque après l'inscription, la connexion est effectuée automatiquement faites glisser quatre uitextfields sur le viewcontroller dans le storyboard principal centrez le champ de texte et placez en deux en haut et deux en bas du viewcontroller faites glisser deux autres uibuttons sur la vue et placez les sous les champs de texte réglez le texte du bouton du haut sur « se connecter » réglez le bouton du bas sur « s'inscrire » réglez les champs de texte sur « nom d'utilisateur » et « mot de passe » cela devrait ressembler à ceci 2\ ensuite, nous allons connecter vos uitextfields dans votre storyboard aux propriétés de votre viewcontroller ajoutez les propriétés suivantes en haut de viewcontroller m ensuite, allez dans votre storyboard, faites un clic droit sur chaque uitextfield et cliquez sur la sortie de référence, puis faites glisser une ligne vers l'icône viewcontroller et définissez la sur le champ approprié signinusernamefield se connecte au champ de nom d'utilisateur de connexion, etc enfin, nous ajouterons un uiactivityindicatorview pour plus tard 2\ ensuite, dans la méthode viewdidload, définissez le uiactivityindicatorview pour qu'il soit attaché au milieu de l'écran 3\ ensuite, dans la méthode viewdidappear, vérifiez si vous êtes déjà connecté si vous êtes connecté, vous redirigerez l'utilisateur vers le loggedinviewcontroller 4\ ensuite, ajoutons la méthode gotomainpage elle redirigera l'utilisateur vers le loggedinviewcontroller assurez vous que le loggedinviewcontroller dans le storyboard a sa classe et son id de storyboard définis sur loggedinviewcontroller 5\ maintenant, configurons l'ibaction qui se connectera au bouton signup sur le viewcontroller dans le storyboard principal 6\ nous devons ajouter la fonction displayerrormessage pour afficher les messages d'erreur du serveur nous utiliserons cette méthode chaque fois que nous communiquerons avec notre application parse 7\ maintenant que nous pouvons gérer l'activité réseau et les erreurs réseau, configurons l'ibaction qui se connectera au bouton signin sur le viewcontroller dans le storyboard principal 3 se déconnecter se déconnecter supprime l'objet de session actif pour l'utilisateur connecté la méthode utilisée pour se déconnecter est parseuser logoutinbackgroundwithblock() faites glisser un uibutton sur loggedinviewcontroller dans le storyboard principal définissez le titre du bouton sur ‘déconnexion’ cela devrait ressembler à ceci ajoutons à nouveau la fonction displayerrormessage pour afficher les messages d'erreur du serveur nous utiliserons cette méthode chaque fois que nous communiquerons avec notre application parse 2\ ajoutons la fonction gotostartpage pour nous ramener à l'écran de connexion/inscription après nous être déconnectés 3\ enfin, ajoutons l'ibaction pour exécuter l'appel de déconnexion et nous ramener à la page d'inscription/connexion de viewcontroller m cette méthode déconnecte le pfuser et vous ramène à la page d'inscription connectez cet ibaction au bouton de déconnexion sur loggedinviewcontroller 4 testez votre application exécutez votre application et créez quelques utilisateurs, essayez également de vous reconnecter après les avoir enregistrés connectez vous à site web de back4app https //www back4app com/ trouvez votre application et cliquez sur tableau de bord tableau de bord > noyau noyau > navigateur navigateur > utilisateur utilisateur essayez de vous connecter et de vous déconnecter avec le même utilisateur et de vous reconnecter à ce stade, vous devriez voir vos utilisateurs comme affiché ci dessous remarque en utilisant les codes affichés ci dessus, chaque fois que vous vous connectez avec un utilisateur, une session session est ouverte dans votre tableau de bord tableau de bord , mais lorsque l'utilisateur se déconnecte, cette session session se termine de plus, chaque fois qu'une tentative de connexion ou d'inscription échoue, la session session ouverte dans le serveur parse tableau de bord tableau de bord est supprimée c'est fait! à ce stade, vous pouvez vous connecter, vous inscrire ou vous déconnecter de votre application en utilisant les fonctionnalités de base de parse server via back4app!