SDK JavaScript - Esempi

Leggi la nostra guida di avvio rapido per scoprire come caricare e inizializzare l'SDK di Facebook per JavaScript e la nostra guida alla configurazione avanzata per personalizzare l'implementazione. Quindi prova i nostri esempi per l'utilizzo dell'SDK:

• Attivazione di una finestra di condivisione
• Facebook Login

Attivazione di una finestra di condivisione

La finestra di condivisione consente a chi utilizza una Pagina di pubblicare un link sul proprio diario oppure di creare una notizia Open Graph. Le finestre di dialogo visualizzate utilizzando l'SDK JavaScript vengono formattate automaticamente per il contesto in cui vengono caricate: web mobile o web desktop.

Qui ti mostreremo come puoi utilizzare il metodo FB.ui() dell'SDK per invocare una finestra di condivisione basica. Aggiungi questo snippet dopo la chiamata FB.init() nel codice di configurazione di base:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

Ricaricando l'immagine, vedrai comparire una finestra di condivisione sopra la parte superiore della Pagina. Dopo aver chiuso la finestra di dialogo, pubblicando la notizia o annullando l'operazione, sarà attivata la funzione di risposta.

Leggi la FB.ui documentazione di riferimento per vedere una lista completa di parametri utilizzabili e la struttura dell'oggetto response.

Facebook Login

Facebook Login consente agli utenti di registrarsi sulla tua app o di effettuare l'accesso con la propria identità Facebook.

Abbiamo una guida completa su come usare l'SDK JS per implementare Facebook Login. Per ora, utilizziamo codice di esempio di base, in modo che tu possa vedere come funziona. Inserisci quanto segue dopo la chiamata FB.init originale:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

Leggi la guida a Facebook Login per sapere esattamente cosa succede in questo caso, ma quando ricarichi la Pagina dovrebbe essere visualizzata la finestra di dialogo Accedi per la tua app, se non le hai già concesso l'autorizzazione.