SDK JavaScript - Exemples

Lisez notre guide de démarrage rapide pour apprendre comment charger et initialiser le SDK Facebook pour JavaScript, ainsi que notre guide de configuration avancée pour personnaliser votre mise en service. Essayez ensuite les exemples d’utilisation du SDK :

• Déclencher une boîte de dialogue Partager
• Facebook Login

Déclencher une boîte de dialogue Partager

La boîte de dialogue Partager permet aux personnes qui utilisent une page de publier un lien sur leur journal ou de créer une actualité Open Graph. Les boîtes de dialogue affichées à l’aide du SDK JavaScript sont automatiquement formatées pour le contexte (web mobile ou web ordinateur) dans lequel elles sont chargées.

Nous allons vous montrer ici comment utiliser la méthode FB.ui() du SDK pour invoquer une boîte de dialogue Partager basique. Ajoutez cet extrait après l’appel FB.init() dans le code de configuration de base :

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

Rechargez votre page pour voir apparaître en haut une boîte de dialogue Partager. Une fois la boîte de dialogue fermée, soit par la publication d’une story, soit par annulation, la fonction de réponse se déclenchera.

Lisez la documentation de référence FB.ui pour voir la liste complète des paramètres possibles et la structure de l’objet de réponse.

Facebook Login

Facebook Login permet aux utilisateur·trices de s’inscrire ou de se connecter à votre application avec leur identité Facebook.

Nous avons rédigé un guide complet d’utilisation du SDK JS pour mettre en œuvre Facebook Login. Mais pour l’heure, utilisons un exemple de code de base pour en découvrir le fonctionnement. Insérez le code ci-dessous après votre appel FB.init d’origine :

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.');
    }
});
    

Lisez le guide de connexion pour connaître les détails exacts de cette action. En revanche, lorsque vous rechargez votre page, une boîte de dialogue Login devrait s’ouvrir pour vous connecter à votre application, si vous ne lui avez pas déjà accordé l’autorisation.