Integrazione Facebook Login in App Ionic Android

come aggiungere il login di facebook alla tua app ionic introduzione questa sezione spiega come puoi creare un'app con registrazione utente utilizzando il login di facebook e le funzionalità principali di parse server tramite back4app dopo aver seguito questo tutorial, sarai in grado di fare questo in qualsiasi momento, puoi accedere al progetto ionic completo costruito con questo tutorial nel nostro repository github per completare questo quickstart, hai bisogno di visual studio code (o qualsiasi ide web tu preferisca) ionic framework un'app creata su back4app segui il tutorial nuova app parse per imparare a creare un'app parse su back4app un account facebook per creare l'app 1 configurazione di facebook per iniziare a utilizzare le funzioni di facebook, devi vai al sito degli sviluppatori di facebook e crea un account e accedi vai a le mie app e clicca su aggiungi una nuova app aggiungi una nuova app nel pannello a sinistra, clicca su impostazioni impostazioni > base base in questa pagina prendi nota del tuo id app id app aggiungi un url della privacy policy url della privacy policy seleziona una categoria categoria scorri verso il basso e premi salva modifiche salva modifiche 4\ in cima alla stessa pagina, clicca sul off off e conferma per rendere la tua app attiva 5\ scorri verso il basso nella stessa pagina e clicca su aggiungi piattaforma aggiungi piattaforma per questo tutorial, scegliamo android aggiungi il tuo nome pacchetto google play nome pacchetto google play che nel nostro caso è com back4app myapp aggiungi i key hashes key hashes della tua macchina (esegui keytool exportcert alias androiddebugkey keystore / android/debug keystore | openssl sha1 binary | openssl base64 keytool exportcert alias androiddebugkey keystore / android/debug keystore | openssl sha1 binary | openssl base64 per scoprire i tuoi) salva modifiche salva modifiche 6\ nel pannello di sinistra, torna a dashboard dashboard , scorri verso il basso e clicca su accesso facebook accesso facebook 2 collega la tua app facebook con back4app vai alla dashboard della tua app su sito web di back4app e clicca su impostazioni del server impostazioni del server trova il blocco “accesso facebook” e clicca su impostazioni impostazioni il blocco “accesso facebook” appare così 3\ aggiungi il id app id app annotato nel passaggio precedente 3 configura in questo tutorial, partiremo da dove ci siamo lasciati nel precedente registrazione utente con verifica email https //www back4app com/docs/ionic/user registration email verification 4 accesso facebook iniziamo prima a installare i plugin cordova di facebook ora, implementiamo il facebooklogin() facebooklogin() metodo login ts 1 async facebooklogin() { 2 try { 3 // log in to facebook and request user data 4 let facebookresponse = await this facebook login(\['public profile', 'email']); 5 let facebookauthdata = { 6 id facebookresponse authresponse userid, 7 access token facebookresponse authresponse accesstoken, 8 }; 9 10 // request the user from parse 11 let tolinkuser = new parse user(); 12 let user = await tolinkuser linkwith('facebook', {authdata facebookauthdata}); 13 14 // if user did not exist, updates its data 15 if (!user existed()) { 16 let userdata = await this facebook api('me?fields=id,name,email,first name,picture width(720) height(720) as(picture)', \[]); 17 user set('username', userdata name); 18 user set('name', userdata name); 19 user set('email', userdata email); 20 await user save(); 21 } 22 23 this navctrl setroot('homepage'); 24 } catch (err) { 25 console log('error logging in', err); 26 27 this toastctrl create({ 28 message err message, 29 duration 2000 30 }) present(); 31 } 32 } infine, aggiungiamo un pulsante alla nostra login login pagina e facciamolo chiamare il metodo che abbiamo appena creato login html 1 2 3 log in with facebook 4 5 5 testa la tua app poiché il login di facebook non funziona su un browser, testa la tua app eseguendo ionic cordova run android ionic cordova run android accedi a sito web di back4app https //www back4app com/ trova la tua app e clicca su dashboard dashboard > core core > browser browser > utente utente per vedere l'utente che hai creato! è fatto! a questo punto, puoi accedere, registrarti e disconnetterti dalla tua app con facebook utilizzando le funzionalità principali di parse server tramite back4app!