Running Facebook application sur localhost

si vous utilisez localhost:

dans Facebook-->Paramètres>de Base,
dans le champ d'Application des Domaines" écrire "localhost",
cliquez ensuite sur "+Ajouter une Plate-forme de" choisir "Site Web",

il va créer deux champs "URL du Site Mobile" et "URL du Site",
dans "URL du Site" écrire "localhost".

fonctionne pour moi.

Dans votre application réglages de base (https://developers.facebook.com/apps)
sous Paramètres->Base>Sélectionnez la façon dont votre application s'intègre à Facebook...

Utiliser "URL du Site:" et "URL du Site Mobile:" pour tenir votre production et de développement de l'Url. Les deux sites seront autorisés à s'authentifier. Je suis juste en utilisant Facebook pour l'authentification, donc je n'ai pas besoin de le site mobile fonctions de redirection. J'ai l'habitude de changer de Mobile "URL du Site:" à mon "localhost:12345" site alors que je suis en essais de l'authentification, puis revenir à la normale quand je suis fait.

J'ai donc eu que cela fonctionne aujourd'hui. Mon URL est http://localhost:8888. Le domaine que j'ai donné facebook est localhost. Je pensais que ça ne fonctionnait pas parce que j'ai essayé d'extraire les données à l'aide de la FB.api méthode. J'ai gardé sur l'obtention d'un "undefined" nom et une image sans source, donc certainement n'ont pas accès à la représentation Graphique.

Plus tard, j'ai réalisé que mon problème est vraiment que je n'avais que le passage d'un premier argument de /me à FB.api, et je n'ai pas de jeton. Ainsi, vous aurez besoin d'utiliser la FB.getLoginStatus fonction pour obtenir un jeton, qui devraient être ajoutées à la /me argument.

Ok je ne suis pas sûr que ces réponses mais je vais vous laisser savoir ce qui a fonctionné pour moi comme conseillé par un haut dev à mon travail. Je travaille dans Ruby on Rails et à l'aide de Facebook du code JavaScript pour obtenir des jetons d'accès.

Problème: Pour faire de l'authentification, de Facebook est de prendre l'url de votre barre d'adresse et en comparant avec ce qu'ils ont sur fichier. Ils ne vous autorisent pas à utiliser localhost:3000 pour quelque raison que ce soit. Toutefois, vous pouvez utiliser un tout composé de nom de domaine comme yoursite.dev en exécutant un serveur local et en pointant yoursite.dev à 127.0.0.1:3000 ou partout où votre localhost a été pointant vers.

Étape 1: Installer ou mettre à jour Nginx

$ brew install nginx (installer) ou $ brew upgrade nginx (mise à jour)

Étape 2: Ouvrez votre fichier de configuration de nginx

/usr/local/etc/nginx/nginx.conf (surtout ici)

/opt/boxen/config/nginx/nginx.conf(si vous utilisez Boxen)

Étape 3 Ajouter ce bout de code dans votre http {} bloc

Remplacer proxy_pass avec vous partout où vous le voulez point yoursite.dev pour. Dans mon cas, c'était de remplacer localhost:3000 ou l'équivalent 127.0.0.1:3000

server {
  listen       yoursite.dev:80;
  server_name  yoursite.dev;
  location /{
    proxy_pass http://127.0.0.1:3000;
  }
}

Étape 4: Modifier votre fichier hosts, en /etc/hosts sur Mac pour inclure

127.0.0.1   yoursite.dev

Ce fichier dirige les domaines de localhost. Nginx est à l'écoute sur localhost et redirige si elle correspond à une règle.

Étape 5: Chaque fois que vous utilisez votre environnement de dev aller de l'avant, vous utilisez le yoursite.dev dans la barre d'adresse au lieu de localhost:3000 si Facebook se connecte correctement.

Vous avez besoin pour l'installation de votre application de fonctionner sur https pour localhost

Vous pouvez suivre les étapes indiquées dans cette configuration HTTPS sur ubuntu

https://www.digitalocean.com/community/articles/how-to-create-a-ssl-certificate-on-apache-for-ubuntu-12-04

Vous devez faire les étapes suivantes:

installer apache (si vous n'avez pas)

sudo apt-get install apache2

Étape Un—Activer le Module SSL

sudo a2enmod ssl
sudo service apache2 restart

Étape Deux—Créer un Nouveau Répertoire

sudo mkdir /etc/apache2/ssl

Étape Trois—Créer un Certificat SSL Auto-Signé

sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout /etc/apache/ssl/apache.key -out /etc/apache2/ssl/apache.crt

Avec cette commande, nous allons être à la fois de la création du certificat SSL auto-signé et de la clé du serveur qui le protège, et en plaçant les deux d'entre eux dans le nouveau répertoire.
Le plus important est "Nom Commun". Saisissez votre nom de domaine officiel ici ou, si vous n'en avez pas encore, de votre site à l'adresse IP.

Nom commun (par exemple, serveur de nom de domaine complet ou your name) []:example.com ou
localhost

Étape Quatre—mettre en Place le Certificat

sudo vim /etc/apache2/sites-available/default-ssl

Trouver les lignes suivantes et de modifier les avec vos paramètres

ServerName localhost ou example.com

SSLEngine on SSLCertificateFile /etc/apache2/ssl/apache.crt

SSLCertificateKeyFile /etc/apache2/ssl/apache.clé

Étape Cinq—Activer le Nouvel Hôte Virtuel

sudo a2ensite default-ssl
sudo service apache2 reload

Aucune des réponses ci-dessus a fonctionné pour moi. Je suis en cours d'exécution sur FB API 2.5. La mienne était une combinaison de problèmes qui conduisent à la réussite, une fois résolues,

1. Créer une application de test pour s'assurer qu'il est maintenu et géré comme
   tels et peuvent être désactivées lorsque vous allez vivre
2. Lire le message d'erreur correctement 🙂 - j'ai dû activer le "Web Connexion OAuth" AVEC "Client Connexion OAuth"
3. Utilisation https://www.whatismyip.com/ pour savoir ce que mon
   IP actuelle est
4. Créer Un enregistrement sur mon Domaine c'est à dire
   http://localhost.mydomain.com qui pointe sur mon IP actuelle

Ce n'est probablement pas idéal comme IP Dynamique du changement et on pourrait sans doute utiliser DynDNS ou quelque chose de similaire pour faire de la propriété intellectuelle plus "statique", mais il a travaillé pour moi