firebase-authentication

Transcript

1 firebase-authentication #firebaseauthenticati on

2 Sommario Di 1 Capitolo 1: Iniziare con l'autenticazione firebase 2 Osservazioni 2 Examples 2 Installazione o configurazione 2 Sinossi 2 Demo di autenticazione e autorizzazione di Firebase v3 3 Come creare un utente basato su password 4 Capitolo 2: Autenticazione Google Plus con Android 6 Examples 6 Autenticazione di accesso Google Plus 6 Titoli di coda 10

3 Di You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: firebase-authentication It is an unofficial and free firebase-authentication ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official firebaseauthentication. The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to 1

4 Capitolo 1: Iniziare con l'autenticazione firebase Osservazioni Questa sezione fornisce una panoramica su cosa sia l'autenticazione firebase e sul motivo per cui uno sviluppatore potrebbe volerlo utilizzare. Dovrebbe anche menzionare tutti i soggetti di grandi dimensioni all'interno dell'autenticazione firebase e collegarsi agli argomenti correlati. Poiché la Documentazione per l'autenticazione firebase è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati. Examples Installazione o configurazione Sinossi Una demo completamente funzionale dell'autenticazione Web Firebase v3 visualizzabile qui. Accedi con Facebook, Github, Google, Twitter, account basati su password e anonimi. Il codice, disponibile su Github, è facile da leggere e seguire ed è ben documentato. L'attenzione si concentra sul sistema di autenticazione completamente funzionale. Agli utenti basati su password viene inviato un link di convalida. Possono anche modificare il loro indirizzo e la loro password: entrambi questi eventi inviano un' di verifica come misura di sicurezza aggiuntiva. Infine, viene dimostrata la differenza tra autenticazione, autorizzazione lato client e autorizzazione lato server protetta tramite Firebase Realtime Database Security Rules. 1. Prerequisiti 1. Un progetto Web Firebase. GRATUITO! 2. Un IDE. Cos'è un IDE? Prova Cloud9. GRATUITO! 3. Un account Github, Google, Facebook e Twitter. GRATUITO! 4. Due account di posta elettronica. GRATUITO! 2. Configura il tuo IDE 2. Crea un progetto HTML5. 3. Installa gli strumenti Firebase. npm install -g firebase-tools 4. Utilizzando la riga di comando degli strumenti Firebase, accedi al tuo progetto Firebase. firebase login --no-localhost 5. Utilizzando la riga di comando degli strumenti Firebase, configura un progetto Firebase 2

5 nella directory corrente. firebase init 6. Clona questo insieme di file e cartelle al tuo IDE. git clone 7. Utilizzando la riga di comando di Firebase Tools, invia il progetto IDE al progetto Firebase. firebase deploy 8. Visualizza il progetto Firebase nel tuo browser. Qualche immagine o errore rotto? Facile soluzione di seguito. 9. Potrebbe essere necessario aggiornare href, src e background: url in tutti i JS, CSS e tutti i file HTML a seconda della struttura della cartella di hosting Web. 1. Usa la funzione Trova per cercare sia href che src e aggiornare se necessario. 2. La Console del browser visualizzerà eventuali errori di percorsi errati rimanenti. 3. Nota script.js line 781 privatelink.href = "../firebase-auth/private" il.. sembra essere richiesto. 4. Una volta che tutte le pagine vengono visualizzate correttamente da Firebase Hosting (senza errori o errori di console), continua. 3. Configura Firebase 1. Abilita tutte le 6 forme di autenticazione. Segui le istruzioni sulla configurazione delle impostazioni del sito dei social media. 2. Personalizza l'url del gestore azioni per indirizzare l'url dell'app Firebase Web + '/ ack', ad esempio 4. Accedi all'app Web 1. Accedi utilizzando un provider oauth. 2. Dalla riga di comando del browser, utilizzare il demo.update('mynode','mykey','myvalue') esposto per aggiungere il markup sicuro al proprio database Realtime. 1. Un messaggio di successo verrà visualizzato nella console del browser. 2. Potrebbe essere necessario aggiornare il percorso href in modo che corrisponda alla struttura della cartella. demo.update("markup","securedata","<div class=\"mdl-card title\"> <h1 class=\"mdlcard title-text mdl-color-text--white\">secured Data</h1> </div><div class=\"mdlcard supporting-text mdl-typography--headline\"> <p>this is a secure card. The HTML markup that renders this card is secured in the Realtime Database. Access is determined server side so no matter what you do with JavaScript on your browser you will not be able to view this card unless you are authorized to.</p><p>secured data can be markup, JSON, strings, numbers, etc. Your imagination is the limit!</p></div><div class=\"mdlcard actions mdl-card--border intro-card-actions\"> <a class=\"mdl-button mdl-button-- colored mdl-js-button mdl-js-ripple-effect\" href=\"../firebase-auth/\">home</a></div>"); Demo di autenticazione e autorizzazione di Firebase v3 1. Accedi utilizzando ciascun provider oauth 1. Si noti che l'aggiornamento delle opzioni di indirizzo o password non è presente 3

6 nella pagina del proprio account. 2. Notare eventuali collegamenti aggiuntivi nel cassetto del menu laterale? 3. Prova a eliminare il tuo account. Che succede? 2. Registrati come utente basato su password 1. Hai ricevuto un' di verifica? 2. Puoi visualizzare i dati privati finché non hai fatto clic sul link di verifica? 3. Puoi cambiare la tua password? 4. Puoi cambiare il tuo indirizzo ? 5. Puoi annullare la modifica dell' facendo clic sul link di notifica per la modifica delle ? 3. Disconnettersi 1. Quali collegamenti sono presenti nel cassetto del menu laterale? 2. Puoi accedere ai dati privati? 3. Puoi vedere i dati privati? Come creare un utente basato su password Puoi utilizzare l'autenticazione Firebase per consentire agli utenti di autenticarsi con Firebase utilizzando i loro indirizzi e password e gestire gli account basati su password della tua app. In questo esempio, utilizziamo questi passaggi per configurarlo per il nostro progetto Android basato su JavaScript. Ma prima di farlo, questo è ciò che deve essere fatto prima: 1. Aggiungi Firebase al tuo progetto JavaScript. 2. Se non hai ancora collegato la tua app al progetto Firebase, fallo dalla console di Firebase. 3. Abilita accesso / password: nella console Firebase, apri la sezione Auth. Nella scheda Metodo di accesso, attiva il metodo di accesso / password e fai clic su Salva. Sono necessari 2 metodi auth per creare un utente basato su password con displayname, ovvero.createuserwith andpassword e.updateprofile. Ho nidificato il secondo e ho creato una singola funzione che attiva entrambi questi metodi per facilità d'uso. function registerpassworduser( ,displayname,password,photourl){ var user = null; //NULLIFY EMPTY ARGUMENTS for (var i = 0; i < arguments.length; i++) { arguments[i] = arguments[i]? arguments[i] : null; auth.createuserwith andpassword( , password).then(function () { user = auth.currentuser; user.send verification(); ).then(function () { user.updateprofile({ displayname: displayname, 4

7 photourl: photourl ); ).catch(function(error) { console.log(error.message,7000); ); console.log('validation link was sent to ' + + '.'); Leggi Iniziare con l'autenticazione firebase online: 5

8 Capitolo 2: Autenticazione Google Plus con Android Examples Autenticazione di accesso Google Plus Autentica utente con accesso Plus oncreate GoogleSignInOptions gso = new GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_SIGN_IN).requestIdToken(getString(R.string.default_web_client_id)).requestScopes(new Scope(Scopes.PLUS_LOGIN)).request ().build(); mgoogleapiclient = new GoogleApiClient.Builder(this).enableAutoManage(this /* FragmentActivity */, this /* OnConnectionFailedListener */).addconnectioncallbacks(this).addonconnectionfailedlistener(this).addapi(auth.google_sign_in_api,gso).addapi(plus.api).build(); onstart () protected void onstart() { super.onstart(); mgoogleapiclient.connect(); mauth.addauthstatelistener(mauthlistener); protected void onstop() { super.onstop(); if (mauthlistener!= null) { mauth.removeauthstatelistener(mauthlistener); if (mgoogleapiclient.isconnected()) { public void onconnected(bundle bundle) { msigninclicked = false; getprofileinformation(); //getgoogleoauthtokenandlogin(); Toast.makeText(this, "User is connected! (in onconnected MActivty)",Toast.LENGTH_LONG).show(); // Get user's information 6

9 // Update the UI after signin // public void onconnectionsuspended(int i) { mgoogleapiclient.connect(); public void onconnectionfailed(connectionresult connectionresult) { if (!connectionresult.hasresolution()) { GooglePlayServicesUtil.getErrorDialog(connectionResult.getErrorCode(), this, 0).show(); else if(connectionresult.hasresolution()) { mconnectionresult = connectionresult; resolvesigninerror(); private void resolvesigninerror() { Log.e("pavan", "User RESOLVE SIGN IN ERROR CALLED OUT OF IF"); if(msigninclicked){ if (mconnectionresult.hasresolution()) { try { Log.e("pavan", "User RESOLVE SIGN IN ERROR CALLED OUT OF IF TRY"); mintentinprogress = true; mconnectionresult.startresolutionforresult(this, GOOGLE_SIGIN); catch (IntentSender.SendIntentException e) { Log.e("pavan", "User RESOLVE SIGN IN ERROR CALLED OUT OF IF CATCH"); mintentinprogress = false; mgoogleapiclient.connect(); Ottieni informazioni sul profilo private void getprofileinformation() { try { if (Plus.PeopleApi.getCurrentPerson(mGoogleApiClient)!= null) { Person currentperson = Plus.PeopleApi.getCurrentPerson(mGoogleApiClient); String personname = currentperson.getdisplayname(); String personphotourl = currentperson.getimage().geturl(); String persongoogleplusprofile = currentperson.geturl(); String = Plus.AccountApi.getAccountName(mGoogleApiClient); catch (Exception e) { e.printstacktrace(); 7

10 Autenticazione con Firebase, private void firebaseauthwithgoogle(googlesigninaccount acct) { //AuthCredential credential = GoogleAuthProvider.getCredential(tokenCredential, null); AuthCredential credential = GoogleAuthProvider.getCredential(acct.getIdToken(),null); mauth.signinwithcredential(credential).addoncompletelistener(this, new OnCompleteListener<AuthResult>() public void oncomplete(@nonnull Task<AuthResult> task) { Log.d("TAG", "signinwithcredential:oncomplete:" + task.issuccessful()); // If sign in fails, display a message to the user. If sign in succeeds // the auth state listener will be notified and logic to handle the // signed in user can be handled in the listener. if (!task.issuccessful()) { Log.w("TAG", "signinwithcredential", task.getexception()); Toast.makeText(MainActivity.this, "Authentication failed.", Toast.LENGTH_SHORT).show(); else{ SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(getApplicationContext()); Log.e("SahajLOG", "Login PREF ISSSSSSSS ONACTIVITYRESULT "+prefs.getboolean("authbygplus", AuthByGplus)); prefs.edit().putboolean("authbygplus", true).commit(); Log.e("SahajLOG", "Login PREF ISSSSSSSS ONACTIVITYRESULT IFTRUE.. "+prefs.getboolean("authbygplus", AuthByGplus)); Intent intent=new Intent(getApplicationContext(),MainActivity.class); startactivity(intent); finish(); // [START_EXCLUDE] // hideprogressdialog(); // [END_EXCLUDE] ); protected void onactivityresult(int requestcode, int responsecode, Intent intent) { if (requestcode == GOOGLE_SIGIN) { if (responsecode!= RESULT_OK) { msigninclicked = false; mintentinprogress = false; if (!mgoogleapiclient.isconnecting()) { mgoogleapiclient.connect(); if (mgoogleapiclient.isconnected()) { // getgoogleoauthtokenandlogin(); GoogleSignInResult result = Auth.GoogleSignInApi.getSignInResultFromIntent(intent); if (result.issuccess()) { // Google Sign In was successful, authenticate with Firebase GoogleSignInAccount account = result.getsigninaccount(); 8

11 Log.e("SahajLOG", "account " + account.getidtoken()); //getgoogleoauthtokenandlogin(); firebaseauthwithgoogle(account); else { // Google Sign In failed, update UI appropriately // [START_EXCLUDE] Log.e("SahajLOG", "SIGN IN FAILED"); // [END_EXCLUDE] public void signinwithgplus() { if (!mgoogleapiclient.isconnecting()) { msigninclicked = true; Intent signinintent = Auth.GoogleSignInApi.getSignInIntent(mGoogleApiClient); startactivityforresult(signinintent, GOOGLE_SIGIN); public void onlogout() { mauth.signout(); if (mgoogleapiclient.isconnected()) { Plus.AccountApi.clearDefaultAccount(mGoogleApiClient); mgoogleapiclient.disconnect(); mgoogleapiclient.connect(); SignedInWithGoogle=false; // Google sign out switchtologinfragment(); Leggi Autenticazione Google Plus con Android online: 9

12 Titoli di coda S. No Capitoli Contributors 1 2 Iniziare con l'autenticazione firebase Autenticazione Google Plus con Android Big Dude, Community, ErstwhileIII, Ron Royston Sahaj Rana, ThunderStruct 10