Из учебника здесь:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/
Я попытался создать локальную область разработки для своего приложения Facebook. Но когда я использую http: // localhost: 85 / my_app / в качестве имени домена, Facebook сообщает
Домены приложений: « http: // localhost: 85 / app-name / » не должны содержать информацию о протоколе.
Также, когда я использую "localhost: 85 / my_app /" в качестве имени домена, я получаю сообщение об ошибке:
Домены приложений: localhost: 85 / my_app / не является допустимым доменом.
localhost
чтобы он мог принять домен. Я пробовал использовать mysite.local, но ничего не вышло. Изменен,Site URL to http://localhost:85/
аApp Domains to http://localhost:85/
затем сохранен (измененный домен приложения FB), чтобы он работал.Ответы:
Мое решение:
http://localhost:85/my_app/
вValid OAuth redirect URIs
коробкуисточник
Похоже, протокол был изменен.
Вот мое решение (я тестировал 3 апреля 2015 года, и он хорошо работает):
В Настройки -> вкладка Основные
источник
http://localhost:port_number/
http://developers.facebook.com/docs/samples/canvas/ Удачного кодирования :-)
источник
С годами это немного изменилось, но я только что заставил его работать с веб-приложением, которое я запускаю на локальном хосте. Вот что я сделал:
http://localhost:8080/
URL-адрес сайта.http://localhost:8080/
URL-адрес сайта.Удачи!
источник
2018 рабочее решение
Мне потребовалось время, чтобы понять это, поэтому я поделюсь своим решением.
Я попробовал все предложенные ответы, но у меня ничего не получилось, и в конце все, что мне нужно было сделать, это перейти на https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ и добавить свои полный URL-адрес обратного вызова в поле Допустимые URI перенаправления OAuth .
В моем случае, используя Ruby on Rails, мой URL-адрес выглядел так
http://localhost:3000/user/auth/facebook/callback
.И сразу после того, как я его добавил, все заработало! Надеюсь, это поможет кому-то еще столкнуться с этой проблемой.
источник
Это то, что я делал раньше.
Если вы используете Windows, вам необходимо изменить файл хоста. Расположение файла хоста будет по адресу
%SystemRoot%\System32\drivers\etc\
Добавьте новую строку в файл хоста, как это
Сохраните файл хоста.
Зайдите в панель управления настройками приложений FB и укажите
localhost.YOUR-SITE-NAME.com
в поле Домен приложений. Сохранить изменения.Теперь загрузите локальную среду, как в
localhost.YOUR-SITE-NAME.com
браузере.NB: измените YOUR-SITE-NAME на свое доменное имя.
источник
Рабочее решение (август 2018 г.)
Сначала выберите свое приложение на панели инструментов разработчиков .
Затем убедитесь, что ваше приложение находится в режиме разработки , поскольку оно позволяет использовать localhost через HTTP. Для этого нажмите на переключатель, расположенный в правом верхнем углу страницы вашего приложения.
Наконец, следуйте примечаниям ниже, поскольку они могут вызвать проблемы при неправильном заполнении:
Settings > Basic > App Domains
должно быть пустоProducts > Facebook Login > Settings > Valid OAuth Redirect URIs
должно быть пустоисточник
Вы можете оставить его пустым или использовать
localhost
,http://localhost:85/my_app/
это URLисточник
localhost
качестве доменного имени.Когда я писал этот учебник, в то время порт был разрешен в домене приложения. И я действительно могу запустить приложение с 81 портом (сервер Wamp). Теперь похоже, что facebook не разрешает порт в URL-адресе. Вы можете использовать
localhost
в домене приложения.Я обновлю информацию как можно скорее. Я пытаюсь найти решение.
Временное решение - использовать localtunnel http://progrium.com/localtunnel/
источник
Я протестировал это, и у меня это работает [фев 2020]:
https://a3asdf23.ngrok.io
,https://ngrok.io
.https://a3asdf23.ngrok.io
. Еще не закончили, нажмите QuickStart -> в разделе «Расскажите о своем веб-сайте» укажите тот же URLhttps://a3asdf23.ngrok.io
.https://a3asdf23.ngrok.io
,https://ngrok.io
,https://a3asdf23.ngrok.io/{your-redirect-uri}
.И вот. Спасибо позже :)
источник
Вы должны создать туннель для совместного использования вашего локального хоста; Ngrok - самый простой способ сделать это.
источник
https://ngrok.com
Перейдите по ссылке https://ngrok.com/, чтобы загрузить ngrok и извлечь этот файл. Открыть cmd (поиск cmd) Перейти в каталог, в котором распакован ngrok. Откройте ngrok из командной строки, например: c: /ngrok/ngrok.exe [порт] или cd c: / ngrok, затем ngrok 80 (ngrok [порт]). Вы получите
нгрок
Не ЗАБУДЬТЕ убедиться, что ваш wamp-сервер открыт на том же порту… (как проверить -> goto-> wampicon-> apache-> httpd.conf поиск порта или 80 (по умолчанию), используйте это для ngrok.exe 80)
будет URL-адресом для доступа к вашему локальному хосту в Интернете
источник
Если вы получаете ошибки протокола, вам нужно не только УДАЛИТЬ Http: //, но также, если в конце веб-адреса есть обратная косая черта, вы должны удалить и ее, иначе она не сработает. Я сделал это, и это сработало отлично! Холла!
источник
Добавляем в смесь еще один раствор:
Я настроил свой веб-сайт в соответствии с инструкциями, затем добавил второе приложение (Facebook Canvas) и установил этот URL-адрес
http://localhost:XXXXX
. Теперь я могу получить доступ к FB как локально, так и в производственной среде.источник
Я разрабатываю локально и использую этот URL:
localhost/fb
Затем мне пришлось добавить веб-сайт со следующим URL:
http://localhost
В разделе Домены приложений я добавил
localhost
.Теперь это работает. Единственная проблема, с которой я столкнулся, заключалась в том, что вы должны использовать этот URL-адрес во всех своих скриптах. Например
Здесь нельзя использовать
127.0.0.1
...источник
Я пробовал все упомянутые здесь решения, но ни одно из них не помогло.
Моя проблема была решена путем копирования «URI перенаправления OAuth» из firebase в приложение facebook «Valid OAuth Redirect URIs»
Я оставил все домены пустыми
источник