--- title: "Configurare l'accesso con Facebook per la tua Progressive Web App (PWA)" description: "Per poter attivare il login con Facebook , devi dichiarare la tua app a Facebook. Crea un account sviluppatore su Facebook: Regi" canonical_url: "https://it.goodbarber.com/help/gestire-l-accesso-utente-e-i-gruppi-r102/configurare-l-accesso-con-facebook-per-la-tua-progressive-web-app-pwa-a307/" lang: it --- # Configurare l'accesso con Facebook per la tua Progressive Web App (PWA) Source: https://it.goodbarber.com/help/gestire-l-accesso-utente-e-i-gruppi-r102/configurare-l-accesso-con-facebook-per-la-tua-progressive-web-app-pwa-a307/ Per poter attivare il [login con](https://it.goodbarber.com/help/gestire-l-accesso-utente-e-i-gruppi-r102/aggiungere-l-estensione-autenticazione-utenti-a149/)[Facebook](https://it.goodbarber.com/help/gestire-l-accesso-utente-e-i-gruppi-r102/aggiungere-l-estensione-autenticazione-utenti-a149/) , devi **dichiarare la tua app a Facebook**. Crea un **account sviluppatore su Facebook**: [Registrarsi come sviluppatore su Facebook](https://it.goodbarber.com/help/gestire-l-accesso-utente-e-i-gruppi-r102/registrarsi-come-sviluppatore-facebook-a89/) **Se non segui la procedura qui sotto, non potrai avere la possibilità di connettere la tua app a Facebook**. *Durante la spiegazione, prenderò ad esempio l'app GoodBarber News. Presta attenzione a compilare correttamente con le informazioni relative alla TUA app.* ## 1. Crea un'app 1. Vai a questo URL: [https://developers.facebook.com/apps](https://developers.facebook.com/apps) 2. Fai clic su "**Crea applicazione**". 3. Seleziona "**Consumatore**" nel popup 4. Fai clic su "**Continua**". ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896262.jpg?v=1784201344.0781238) 5. Compila i campi nel popup: - "**App Display Name**": inserisci il nome della tua applicazione - "**App Contact Email**": Aggiungi la tua email 6. Fai clic su "**Crea applicazione**" ## 2. Aggiungi un prodotto 1. Clicca su "**Configura**" nel campo Facebook login ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896264.jpg?v=1784201344.0861237) ## 3. Seleziona la piattaforma "Web" ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896265.jpg?v=1784201344.0941238) 1. Nel campo "**URL del sito**" inserisci l'URL del tuo progetto GoodBarber "**http://[YOURAPP].goodbarber.app**" (vedi esempio sotto) 2. Clicca su "**Salva**". **Attenzione:** Se installi un nuovo nome di dominio nella Progressive Web App, dovrai modificare il campo "**URL del sito**" con il nuovo URL (il nuovo nome dominio che hai impostato) sulla piattaforma Facebook. ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896266.jpg?v=1784201344.102124) ## 4. Impostazioni OAuth del cliente 1. Vai al menu **Facebook Login > Impostazioni** 2. Riempi il campo **URL di reindirizzamento OAuth validi** con l'url della tua PWA seguito da **/login** Per esempio:*https://myapp.goodbarber.app**/login*** Se imposti un nome di dominio, assicurati di aggiungere entrambi: url di default + url personalizzato (con il tuo nome di dominio) seguito da*/login* 3. Imposta l'opzione "**Login con l'SDK JavaScript**" su **Sì** 4. Riempi il campo **Domini consentiti per l'SDK JavaScript** con l'url della tua PWA. Per esempio: *https://myapp.goodbarber.app/* Se imposti un nome di dominio, assicurati di aggiungere entrambi: url di default + url personalizzato (con il tuo nome di dominio) 5. Fai clic su "**Salva le modifiche**" in fondo alla pagina. Vedi l'esempio qui sotto: ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-28028089.jpg?v=1784201344.130124) ## 5. Vai in Impostazioni> Di base, nella colonna di sinistra 1. Aggiungi l'**URL della tua politica sulla privacy** Puoi scaricare una politica sulla privacy standard per la tua app, da [questo link](https://blog.goodbarber.com/docs/privacypolicy/privacypolicy_25-05-2018.doc). Questa è un template della politica sulla privacy. Sei pregato di personalizzarlo. Nel tuo back office vai in Impostazioni > Altre impostazioni > I miei file, crea una cartella chiamata Privacy Policy e carica il tuo file in formato .pdf. Apri il file in un browser esterno per visualizzarne l'url completo. Copialo ed incollalo sulla piattaforma Facebook. 2. Nel campo **Cancellazione dati utente**, seleziona l'URL delle **istruzioni per la cancellazione dei dati** e compila l'URL: *Per essere conformi al regolamento generale sulla protezione dei dati (GDPR), è necessario fornire un URL con istruzioni esplicite per informare le persone su come cancellare i loro dati dalla tua applicazione.* 3. Scegli una **categoria** dal menu a tendina 4. Clicca su "**Salva modifiche**" nella parte inferiore della pagina ## 6. Vai a Impostazioni>Avanzate, nella colonna di sinistra 1. Abilita l'opzione "**Applicazione nativa o per computer?**" 2. Clicca su "**Salva modifiche**" nella parte inferiore della pagina ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896268.jpg?v=1784201344.138124) ## 7. Rendi pubblica la tua app di Facebook 1. Clicca sul pulsante per rendere pubblica la tua App nella barra superiore della piattaforma Facebook ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896269.jpg?v=1784201344.150124) 2. Fai clic su "**Cambia modalità**" nel popup. ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896270.jpg?v=1784201344.1541243) ## 8. Copia l'ID della tua app sulla piattaforma Facebook 1. Recuperalo nella parte superiore della pagina ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896272.jpg?v=1784201344.1621242) ## 9. Incolla questo valore nel tuo back office GoodBarber 1. Vai al menu**Impostazioni > Impostazioni di registrazione > Processo di registrazione** per autorizzare gli utenti a registrarsi alla tua app. ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896273.jpg?v=1784201344.1661243) 2. In **Servizi esterni**, imposta **Autorizza la connessione Facebook**su**On** 3. Incolla il tuo **app ID Facebook** nel campo corrispondente 4. Clicca su **OK** ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896274.jpg?v=1784201344.1741242) ## 10. Richiesta di accesso avanzato per il permesso public_profile 1. Vai al menu **App review > Autorizzazioni e funzioni** sulla piattaforma Facebook 2. Clicca su "**Ottieni accesso avanzato**" per il permesso **public_profile** 3. Conferma l'accesso avanzato per public_profile (non dimenticare di spuntare la casella "*Accetto che tutti i dati che ricevo attraverso public_profile saranno utilizzati in conformità con l'uso consentito*") 4. Reinserisci la tua password di Facebook per inviare la conferma 5. Assicurati di avere un accesso avanzato per il permesso *public_profile* nella lista come mostrato qui sotto: ![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28037047-27896275.jpg?v=1784201344.1941245) ## 11. Completa il controllo dell'utilizzo dei dati Se Facebook ti chiede di completare il Controllo dell'utilizzo dei dati: 1. Clicca su "**Avvia il checkup**". 2. Seleziona la casella "*Certifico che qualsiasi uso di public_profile è conforme all'uso consentito*". 3. Clicca su "**Continua**". 4. Seleziona la casella per certificare la conformità con i termini della piattaforma e le politiche degli sviluppatori e clicca su**"Continua**" 5. Clicca su "**Invia**". ## 12. Rigenera la tua PWA Rigenera la tua PWA per poter testare l'autenticazione di Facebook: [I diversi tipi di aggiornamenti delle Progressive Web App](https://it.goodbarber.com/help/pubblicare-e-aggiornare-la-pwa-r122/aggiornare-la-tua-progressive-web-app-pwa-a306/) Questa funzione non è disponibile sull'anteprima del back office. L'unico modo per testare l'autenticazione di Facebook sulla tua app è sulla PWA appena generata.