Guida Registrazione e Login Utente su Android con Parse Server

18min
Tutorial di accesso e registrazione utenti
Introduzione
In questa sezione daremo un'occhiata a come creare un'app con una semplice registrazione utente utilizzando le funzionalità principali di Parse Server tramite Back4App.
Questo tutorial utilizza un'app di base creata in Android Studio 4.1.1 con buildToolsVersion=30.0.2 , Compile SDK Version = 30.0.2 e targetSdkVersion 30﻿
In qualsiasi momento, puoi accedere al progetto Android completo costruito con questo tutorial nei nostri repository Github
﻿Repository di esempio Kotlin﻿
﻿Repository di esempio Java﻿
Obiettivo
Impareremo come effettuare il login e registrarsi utilizzando Parse.
Ecco un'anteprima di ciò che realizzeremo:
﻿
Requisiti
Per completare questo tutorial, abbiamo bisogno di:
﻿Android Studio﻿
Un'app creata su Back4App.
Nota: Segui il tutorial Nuova App Parse per imparare a creare un'App Parse su Back4App.
Un'app android collegata a Back4App.
Nota: Segui il tutorial Installazione SDK Parse per creare un progetto Android Studio collegato a Back4App.
Un dispositivo (o dispositivo virtuale) che esegue Android 4.1 (Jelly Bean) o versioni successive.
1 - Importa Libreria
In questo passaggio importeremo le librerie che utilizzeremo nel nostro progetto:
Aggiungeremo le seguenti classi Parse alle nostre attività.
1    import com.parse.Parse;
2    import com.parse.ParseException;
3    import com.parse.ParseUser;
     2. Utilizzeremo frequentemente le funzioni lambda nel nostro progetto, perciò dobbiamo aggiungere Java 1.8 al nostro progetto tramite build.gradle(Module:App)
1    compileOptions {
2        sourceCompatibility JavaVersion.VERSION_1_8
3        targetCompatibility JavaVersion.VERSION_1_8
4    }
2 - Registrati
Registrarsi crea fondamentalmente un nuovo oggetto Parse.User nella classe User, mostrato come “User” nella tua app Dashboard. Dobbiamo impostare almeno due proprietà quando creiamo un nuovo utente => ParseUser.setUsername() e ParseUser.setPassword().
Il metodo utilizzato per salvare il nuovo utente su Android è ParseUser.signUpInBackground(), che può venire insieme a una funzione di callback.
Nota: Gli oggetti di questa classe speciale non vengono salvati nel Dashboard con il metodo ParseObject.save().
Per far funzionare SignUpActivity, segui questi passaggi:
Importa 
1   import com.parse.SignUpCallback;
nel tuo SignUpActivity, oltre alle dipendenze importate in Passo 1.
     2. Per implementare la registrazione dell'utente, utilizza semplicemente il seguente codice nelonCreate() metodo:
Java
Kotlin
1   ParseUser user = new ParseUser();
2        // Set the user's username and password, which can be obtained by a forms
3        user.setUsername( "<Your username here>");
4        user.setPassword( "<Your password here>");
5        user.signUpInBackground(new SignUpCallback() {
6            @Override
7            public void done(ParseException e) {
8                if (e == null) {
9                    showAlert("Successful Sign Up!", "Welcome" + "<Your username here>" +"!");
10               } else {
11                   ParseUser.logOut();
12                   Toast.makeText(SignUpActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
13               }
14           }
15       });
1   ParseUser user = new ParseUser();
2        // Set the user's username and password, which can be obtained by a forms
3        user.setUsername( "<Your username here>");
4        user.setPassword( "<Your password here>");
5        user.signUpInBackground(new SignUpCallback() {
6            @Override
7            public void done(ParseException e) {
8                if (e == null) {
9                    showAlert("Successful Sign Up!", "Welcome" + "<Your username here>" +"!");
10               } else {
11                   ParseUser.logOut();
12                   Toast.makeText(SignUpActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
13               }
14           }
15       });
﻿
Nel progetto di esempio, questo codice è posizionato all'interno di un ISCRIVITI callback del pulsante.
Inoltre, nome utente e password vengono acquisiti utilizzando Edit Texts.
     3. È interessante aggiungere un metodo aggiuntivo per visualizzare i Dialoghi di Avviso e rendere il processo più professionale. Il metodo qui sotto lo fa:
Java
Kotlin
1   private void showAlert(String title,String message){
2        AlertDialog.Builder builder = new AlertDialog.Builder(SignUpActivity.this)
3                .setTitle(title)
4                .setMessage(message)
5                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
6                    @Override
7                    public void onClick(DialogInterface dialog, int which) {
8                        dialog.cancel();
9                        // don't forget to change the line below with the names of your Activities
10                       Intent intent = new Intent(SignUpActivity.this, LogoutActivity.class);
11                       intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
12                       startActivity(intent);
13                   }
14               });
15       AlertDialog ok = builder.create();
16       ok.show();
17   }
1   private void showAlert(String title,String message){
2        AlertDialog.Builder builder = new AlertDialog.Builder(SignUpActivity.this)
3                .setTitle(title)
4                .setMessage(message)
5                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
6                    @Override
7                    public void onClick(DialogInterface dialog, int which) {
8                        dialog.cancel();
9                        // don't forget to change the line below with the names of your Activities
10                       Intent intent = new Intent(SignUpActivity.this, LogoutActivity.class);
11                       intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
12                       startActivity(intent);
13                   }
14               });
15       AlertDialog ok = builder.create();
16       ok.show();
17   }
﻿
3 - Accedi
Accedere crea un oggetto Sessione, che punta all'Utente connesso. Se l'accesso ha successo, ParseUser.getCurrentUser() restituisce un oggetto Utente e un oggetto Sessione che è stato creato nel Dashboard. Altrimenti, se il nome utente target non esiste o la password è errata, restituisce null.
Il metodo utilizzato per eseguire l'azione di accesso è ParseUser.logInInBackground(), che richiede tanti argomenti quanto le stringhe di nome utente e password, e può chiamare una funzione di callback.
Nota: Dopo la registrazione, l'accesso viene eseguito automaticamente.
To make LoginActivity work, follow these steps:
Import into yourLoginActivity, in addition to the dependencies imported in the Step 1:
1    import com.parse.LogInCallback;
      2. To implement user login function, simply use the code:
Java
Kotlin
1   private void login(String username, String password) {
2        progressDialog.show();
3        ParseUser.logInInBackground(username, password, (parseUser, e) -> {
4            progressDialog.dismiss();
5            if (parseUser != null) {
6                showAlert("Successful Login", "Welcome back " + username + " !");
7            } else {
8                ParseUser.logOut();
9                Toast.makeText(LoginActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
10           }
11       });
12   }
1   private void login(String username, String password) {
2        progressDialog.show();
3        ParseUser.logInInBackground(username, password, (parseUser, e) -> {
4            progressDialog.dismiss();
5            if (parseUser != null) {
6                showAlert("Successful Login", "Welcome back " + username + " !");
7            } else {
8                ParseUser.logOut();
9                Toast.makeText(LoginActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
10           }
11       });
12   }
﻿
In the example project, this code is placed inside a LOG IN button callback.
Also, username and password are caught using Edit Texts.
The method showAlert is the same that you added in the SignUpActivity, don’t forget to change its Intent arguments though.
4 - Disconnettersi
Disconnettersi elimina l'oggetto Sessione attivo per l'Utente connesso. Il metodo utilizzato per eseguire il logout è ParseUser.logOutInBackground().
Per implementare il logout dell'utente, utilizza semplicemente il codice qui sotto, nel LogoutActivity:
Java
Kotlin
1       ParseUser.logOutInBackground(e -> {
2               progressDialog.dismiss();
3               if (e == null)
4                   showAlert("So, you're going...", "Ok...Bye-bye then");
5       });
1       ParseUser.logOutInBackground(e -> {
2               progressDialog.dismiss();
3               if (e == null)
4                   showAlert("So, you're going...", "Ok...Bye-bye then");
5       });
﻿
Nel progetto di esempio, questo codice è posizionato all'interno di un PULSANTE DI DISCONNESSIONE callback.
Il metodo showAlert è lo stesso che hai aggiunto in loginActivity eSignUpActivity, non dimenticare di cambiare i suoi argomenti Intent.
5 - Testa la tua app
Esegui la tua app e crea un paio di utenti, prova anche a effettuare nuovamente il login dopo averli registrati.
Accedi a Sito Web di Back4App.
Trova la tua app e fai clic su Dashboard>Core>Browser>Utente.
A questo punto, dovresti vedere i tuoi utenti come mostrato di seguito:
﻿
Nota: Utilizzando i codici visualizzati sopra, ogni volta che accedi con un utente, viene aperta una Sessione nel tuo Dashboard, ma quando l'utente esce, quella particolare Sessione termina. Inoltre, ogni volta che si verifica un tentativo di accesso o registrazione non riuscito, la Sessione aperta nel Parse Server Dashboard viene eliminata.
È fatto!
Congratulazioni! Ora puoi accedere, registrarti o disconnetterti dalla tua app utilizzando le funzionalità principali di Parse Server tramite Back4App!
Implementazione di Live Queries Android con Parse Server
AVANTI IL PROSSIMO
Tutorial Tecnico: Implementazione Login Facebook su Android