iOS
Swift-Integration: Benutzeranmeldung & Registrierung umsetzen
13 min
login und benutzerregistrierungstutorial mit swift einführung dieser abschnitt erklärt, wie sie eine app mit einer einfachen benutzerregistrierung erstellen können, indem sie die kernfunktionen von parse server über back4app jederzeit können sie auf das vollständige projekt zugreifen, das mit diesem tutorial erstellt wurde, in unserem github repository um dieses schnellstart tutorial abzuschließen, benötigen sie xcode eine app, die bei back4app erstellt wurde befolgen sie das neues parse app tutorial um zu lernen, wie man eine parse app bei back4app erstellt eine ios app, die mit back4app verbunden ist hinweis befolgen sie das installieren sie das parse sdk (swift) tutorial um ein xcode projekt zu erstellen, das mit back4app verbunden ist ein kostenpflichtiges apple entwicklerkonto lass uns anfangen! wenn sie die nächsten schritte befolgen, können sie eine app erstellen, die sich bei der back4app datenbank anmeldet, registriert und abmeldet 1 richten sie ihre anmelde und registrierungsbenutzeroberfläche ein und erstellen sie sie gehen sie zu xcode, greifen sie auf den hauptordner des projekts zu und öffnen sie dann die datei viewcontroller swift, um sie zu bearbeiten stellen sie in viewcontroller swift sicher, dass sie das parse modul einfügen, indem sie es oben in der datei einfügen 1 import parse 3\ gehe zu main storyboard, ziehe vier uitextfields auf den viewcontroller im hauptstoryboard zentriere das textfeld und platziere zwei oben und zwei unten im viewcontroller ziehe zwei weitere uibuttons auf die ansicht und platziere sie unter den textfeldern ziehe einen weiteren loader indicator auf jeden button setze den text des oberen buttons auf "anmelden" setze den text des unteren buttons auf "registrieren" setze die textfelder auf "benutzername" und "passwort" 4\ als nächstes verbinden wir deine uitextfields im storyboard mit eigenschaften in deinem viewcontroller füge die folgenden eigenschaften oben in viewcontroller swift hinzu gehe dann zu deinem storyboard, klicke mit der rechten maustaste auf jedes uitextfield und klicke auf den referenzausgang, ziehe dann eine linie zurück zum viewcontroller symbol und setze es auf das entsprechende feld signinusernamefield verbindet sich mit dem anmelden benutzername feld, usw es sollte so aussehen 1 import uikit 2 import parse 3 4 class viewcontroller uiviewcontroller { 5 6 @iboutlet weak var txtusernamesignin uitextfield! 7 @iboutlet weak var txtpasswordsignin uitextfield! 8 @iboutlet weak var indicatorlogin uiactivityindicatorview! 9 10 @iboutlet weak var txtusernamesignup uitextfield! 11 @iboutlet weak var txtpasswordsignup uitextfield! 12 @iboutlet weak var indicatorsignup uiactivityindicatorview! 13 14 override func viewdidload() { 15 super viewdidload() 16 // do any additional setup after loading the view 17 } 18 19 @ibaction func signin( sender any) { 20 //todo 21 } 22 23 @ibaction func signup( sender any) { 24 //todo 25 } 26 27 } 2 erstelle eine anmeldefunktion füge den folgenden code in die anmeldefunktion ein 1 @ibaction func signin( sender any) { 2 pfuser loginwithusername(inbackground self txtusernamesignin text!, password self txtpasswordsignin text!) { 3 (user pfuser?, error error?) > void in 4 if user != nil { 5 self displayalert(withtitle "login successful", message "") 6 } else { 7 self displayalert(withtitle "error", message error! localizeddescription) 8 } 9 } 10 } 3 erstelle eine registrierungsfunktion fügen sie den folgenden code in die anmeldefunktion ein 1 @ibaction func signup( sender any) { 2 let user = pfuser() 3 user username = self txtusernamesignup text 4 user password = self txtpasswordsignup text 5 6 self indicatorsignup startanimating() 7 user signupinbackground {(succeeded bool, error error?) > void in 8 self indicatorsignup stopanimating() 9 if let error = error { 10 self displayalert(withtitle "error", message error localizeddescription) 11 } else { 12 self displayalert(withtitle "success", message "account has been successfully created") 13 } 14 } 15 } 4 abmelden beim anmelden wird ein sitzungsobjekt erstellt, das auf den angemeldeten benutzer verweist wenn die anmeldung erfolgreich ist, gibt parseuser currentuser() ein benutzerobjekt zurück, und ein sitzungsobjekt wird im dashboard erstellt andernfalls, wenn der zielbenutzername nicht existiert oder das passwort falsch ist, wird null zurückgegeben um sich abzumelden, folgen sie den folgenden schritten gehe zu main storyboard, ziehe einen uibutton namens “logout” und füge eine aktion zwischen diesem uibutton und dem viewcontroller swift hinzu füge den folgenden code in diese funktion ein 1 @ibaction func logout( sender any) { 2 pfuser logout() 3 } 5 anwendungs code 1 import uikit 2 import parse 3 4 class viewcontroller uiviewcontroller { 5 6 @iboutlet weak var txtusernamesignin uitextfield! 7 @iboutlet weak var txtpasswordsignin uitextfield! 8 @iboutlet weak var indicatorsignin uiactivityindicatorview! 9 10 @iboutlet weak var txtusernamesignup uitextfield! 11 @iboutlet weak var txtpasswordsignup uitextfield! 12 @iboutlet weak var indicatorsignup uiactivityindicatorview! 13 14 @iboutlet weak var btnlogout uibutton! 15 16 override func viewdidload() { 17 super viewdidload() 18 } 19 20 @ibaction func signin( sender any) { 21 pfuser loginwithusername(inbackground self txtusernamesignin text!, password self txtpasswordsignin text!) { 22 (user pfuser?, error error?) > void in 23 if user != nil { 24 self displayalert(withtitle "login successful", message "") 25 } else { 26 self displayalert(withtitle "error", message error! localizeddescription) 27 } 28 } 29 } 30 31 @ibaction func signup( sender any) { 32 let user = pfuser() 33 user username = self txtusernamesignup text 34 user password = self txtpasswordsignup text 35 36 self indicatorsignup startanimating() 37 user signupinbackground {(succeeded bool, error error?) > void in 38 self indicatorsignup stopanimating() 39 if let error = error { 40 self displayalert(withtitle "error", message error localizeddescription) 41 } else { 42 self displayalert(withtitle "success", message "account has been successfully created") 43 } 44 } 45 } 46 47 @ibaction func logout( sender any) { 48 pfuser logout() 49 } 50 51 func displayalert(withtitle title string, message string) { 52 let alert = uialertcontroller(title title, message message, preferredstyle alert) 53 let okaction = uialertaction(title "ok", style default) 54 alert addaction(okaction) 55 self present(alert, animated true) 56 } 57 58 } die benutzeroberfläche der anwendung wird ähnlich wie folgt aussehen 6 testen sie ihre app führen sie ihre app aus und erstellen sie ein paar benutzer, versuchen sie auch, sich nach der registrierung erneut anzumelden melden sie sich an unter back4app website https //www back4app com/ finden sie ihre app und klicken sie auf dashboard dashboard > core core > browser browser > benutzer benutzer versuchen sie, sich mit demselben benutzer an und abzumelden und sich erneut anzumelden an diesem punkt sollten sie ihre benutzer wie unten angezeigt sehen hinweis mit den oben angezeigten codes wird jedes mal, wenn sie sich mit einem benutzer anmelden, eine sitzung sitzung in ihrem dashboard dashboard , aber wenn der benutzer sich abmeldet, endet diese bestimmte sitzung sitzung außerdem wird jedes mal, wenn ein fehlgeschlagener anmelde oder registrierungsversuch erfolgt, die sitzung sitzung in parse server dashboard dashboard gelöscht es ist fertig! in diesem stadium können sie sich anmelden, registrieren oder sich von ihrer app abmelden, indem sie die kernfunktionen von parse server über back4app nutzen!