Créer le compte développeur, sa première application et la configurer

Nous voici donc pour le 2ème article sur la création des applications Facebook. Si vous n’avez pas lu le premier article, vous pouvez le retrouver ici : « Débuter avec les applications Facebook« .

Nous allons donc aborder aujourd’hui la création de son compte développeur, la création de sa première application et les premières étapes de configuration.

  • Les différentes applications Facebook
  • Compte développeur et création de son application
  • A la découverte des différentes sdk et de la Graph API
  • Application Canvas : « Devine le secret de tes amis ! »
  • Application Onglet : « Un petit jeu concours »
  • La puissance de Facebook hors de la plateforme – Plugins Facebook
  • Héberger son application Facebook avec Heroku
  • Open Graph, liez vos utilisateurs et engrangez de la visibilité
  • Astuces de développement en veux-tu ? En voilà

Création de son compte développeur

Pour développer une application Facebook vous devez, bien sûr, avoir un compte Facebook. Nous allons voir ici comment l’assigner en tant que compte développeur et ainsi pouvoir accéder à la création d’application.

Tout d’abord rendez-vous à l’url suivante : https://developers.facebook.com/apps

Cliquez sur le bouton « Register as a Developer ». Une pop-up va apparaitre vous demandant (si vous ne l’avez encore jamais fait) de vérifier votre compte. Cliquez sur « validez votre compte », entrez votre numéro de téléphone, validez le compte et revenez à cette étape.

 

Une fois votre compte validé, continuez les 3 étapes en renseignant les champs demandés.

Et voilà, vous êtes un développeur Facebook ! Enfin … vous en avez le titre quoi !

Créer et configurer sa première application Facebook

Ça y est vous avez votre compte développeur. Nous allons donc pouvoir créer une application et surtout la configurer. Nous nous attardons sur les différents champs bien que nous y reviendrons tout au long des articles.

Retournez sur l’url de départ : https://developers.facebook.com/apps et cliquez cette fois ci sur « + Créer une application ». Vous aurez la pop-up suivante qui apparaitra.

Les champs à remplir sont assez simple :

  • - Nom de l’application : Le nom de votre application
  • - App Namespace : Le nom qui apparaitre dans l’url de votre application (https://app.facebook.com/app-namespace ). Il doit être unique.
  • - Web Hosting : Ne cochez pas cette case pour le moment. Vous devez la cocher pour utiliser l’hébergement avec Heroku. Nous y reviendrons plus tard dans cette série d’article.

Une fois les 2 champs renseignés cliquez sur « Continuer » et voilà, votre première application est enregistrée ! Vous verrez apparaitre vos clés (après avoir validé un captcha).

Votre App Secret doit rester secrète. (je l’affiche ici mais je l’ai ensuite réinitialisée).

Pour cette première description du panel de votre application, nous allons rester dans l’onglet « Essentiel ». Nous reviendrons plus tard sur les différents onglets. Nous avons donc au programme :

Infos générales :

  • - Display name : vous pouvez changer ici le nom qui s’affiche.
  • - Namespace : vous pouvez changer ici le nom apparaissant dans l’url
  • - Adresse électronique de contact : le mail de contact depuis votre appli et celui par lequel Facebook peut vous contacter pour votre application. Mettez en un valide et que vous consultez régulièrement !
  • - App Domains : le domaine de votre application. Vous pouvez en mettre plusieurs. Attention à bien le renseigner ! Pas mal de messages d’erreurs peuvent venir de là.
  • - Catégorie : choisissez la catégorie de votre application.
  • - Hosting URL : si vous êtes hébergé par Heroku.
  • - Mode bac à sable : l’application ne sera disponible qu’aux admins ou testeurs de l’application.

Nous verrons les autres parties au moment opportun. Néanmoins les noms sont assez explicites à mon goût.

N’hésitez pas à vous balader dans le panel de configuration de votre application.Nous aborderons le début de la partie technique avec les SDK et la Graph API.

 

 

19 Commentaires

  1. Bonjour,

    c’est vraiment mal fichu, FB…
    Je ne parviens pas à vérifier si j’ai bien réussi à créer un compte développeur, à chaque fois que je me connecte à la page FB apps, une redirection me reconduit vers mon dashboard… c’est énervant.
    Comment faire ?

  2. Erreur
    You have specified an App Domain but have not specified a valid integration URL.
    karlcolson.com must be derived from one of: URL du site, Mobile Site URL, URL du canevas, URL sécurisée du canevas, Page Tab URL or Secure Page Tab URL.

    Bonsoir, je ne parviens pas à comprendre pourquoi FB refuse mon domaine, une idée?
    Merci,
    Cordialement

  3. Je pense que l’erreur est assez expressive :)
    Lorsque tu rentres un App Domain il faut que l’url que tu renseignes ensuite soit un dérivé de celui-ci.
    Exemple :
    App domain : rkueny.fr
    Url du site : fb.rkueny.fr (monautresite.fr ne sera pas accepté).

  4. J’ai le meme soucie que Karl. Je suis ébergé chez ovh et l’url du site est trottoir-dacote.fr/joomla
    Si je met ca comme domaine il en veut pas. comment résoudre ce problème.
    voici l’erreur exact:
    {
    « error »: {
    « message »: « Invalid redirect_uri: L\u2019URL fournie n\u2019est pas autoris\u00e9e par la configuration de l\u2019application. »,
    « type »: « OAuthException »,
    « code »: 191
    }
    }

  5. Bonsoir…
    je dois être complètement out mais je n’y arrive pas également. Même soucis.
    Je ne saisis pas ton dernier com’, je ne comprends pas où enregistrer cette fichue adresse… un tutoriel pour les nuls serait super bienvenu !
    mots clés google : erreur app domains facebook !

  6. Bonjour, j’ai le même problème:
    j’ai rentré dans App Domain zjmtransports.com et j’ai le message d’erreur suivant:

    Erreur
    You have specified an App Domain but have not specified a valid integration URL.
    zjmtransports.com must be derived from one of: URL du site, Mobile Site URL, URL du canevas, URL sécurisée du canevas, Page Tab URL or Secure Page Tab URL.

    Que dois je rentrer par exemple dans la textbox de App Domain?

    Merci,
    Bien cordialement

  7. Oh,merci pour votre réponse rapide. Effectivement, il suffit de bien lire et de ne pas paniquer et s’enerver. Si j’ai bien compris, je rentre dans App Domains zjmtransports.com et dans « Website with facebook login » : http://zjmtransports.com, et tput fonctionnera bien?
    Merci

  8. Bonjour,

    Je n’arrive même pas à passer l’étape de création du compte, je saisis mon numéro de tel (avec et sans 0), je clique sur « Send as text » pour « Get Confirmation Code » mais je ne reçois rien. Testé hier soir et ce matin.

    Faut-il attendre longtemps le sms?

    Merci.

    Lomic

  9. En fait le +33 est déjà sélectionné par Facebook voir capture : http://nsa33.casimages.com/img/2014/03/25/140325094925488009.jpg

    J’ai testé aussi par d’autres chemins, notamment en venant par les coordonnées de mon compte et en cliquant sur « Vérifier » à côté de mon numéro de téléphone, sans recevoir de sms. La fenêtre me dit de patienter au moins 5 minutes avant de renvoyer le code de confirmation. Là elles sont largement passées.

    Le numéro pris par Facebook dans ce cas est +336xxxxxxxx

  10. Et en passant par phone call ? (si ça se met en disponible à un moment).
    J’ai pas mal galéré aussi à l’avoir à l’époque. Il faut essayer plusieurs fois ou envoyer un mail au support facebook

  11. Bonjour,

    Meme Erreur :
    You have specified an App Domain but have not specified a valid integration URL.
    zjmtransports.com must be derived from one of: URL du site, Mobile Site URL, URL du canevas, URL sécurisée du canevas, Page Tab URL or Secure Page Tab URL.

    J ai bien compris que je devais rentrer un dérivé de mon nom de domaine dans apps domain, un dérivé du champ Website with facebook login. Mais ou trouver ce champ Website with facebook login? Je suis largué !

  12. Merci pour ce tutos. L’interface de la page de développeurs facebook a changé et malgré le fait que je renseigne mon numéro de téléphone, le code que facebook m’envoie n’arrive jamais. Que faire?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>