Доменне ім’я програми Facebook під час використання localhost

З посібника тут:
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 / не є дійсним доменом.

Моє рішення:

1. Залиште домени додатків порожніми
2. (Товари) Вхід на Facebook> Налаштування
3. Додати http://localhost:85/my_app/до Valid OAuth redirect URIsвікна
4. Зберегти зміни

Здається, протокол змінено.

Ось моє рішення (я протестував 3 квітня 2015 року, і воно працює добре):

У Налаштуваннях -> Основна вкладка

1. Домен програми: localhost
2. Натисніть " + Додати платформу " та виберіть " Веб-сайт "
3. URL-адреса веб-сайту: http: // localhost: <port> / ( <port> - це номер вашого порту)
4. Зберегти зміни

1. Залиште домени додатків порожніми
2. Перейдіть на веб-сайт із входом у Facebook
3. Додати http://localhost:port_number/
4. Збережіть зміни та повторіть спробу. Для отримання додаткової інформації відвідайте

http://developers.facebook.com/docs/samples/canvas/ Щасливе кодування :-)

Це дещо змінилося за ці роки, але я щойно змусив його працювати з веб-додатком, який я запускаю на localhost. Це те, що я зробив:

1. Перейдіть на https://developers.facebook.com/apps
2. Виберіть програму.
3. Виберіть Налаштування> Основні на лівій панелі навігації.
4. Натисніть кнопку Додати платформу внизу сторінки.
5. Клацніть на веб-сайті
6. Введіть http://localhost:8080/URL-адресу сайту.
7. Натисніть кнопку Швидкий старт вкрай праворуч від URL-адреси сайту, яку ви щойно ввели.
8. Відкриється нова вкладка. На цій вкладці прокрутіть вниз до розділу "Розкажіть про свій веб-сайт" і знову введіть http://localhost:8080/URL-адресу веб-сайту.
9. Натисніть кнопку Далі.
10. Спроба увійти ще раз, і цього разу це вдалося.

Удачі!

2018 робоче рішення

Мені потрібні були віки, щоб це зрозуміти, тому я збираюся поділитися своїм рішенням.

Я спробував усі запропоновані відповіді, але в мене нічого не вийшло, і врешті-решт все, що мені потрібно було зробити, це зайти на https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ і додати свій повна URL-адреса зворотного дзвінка у вікні URI- адреси дійсного переспрямування OAuth .

У моєму випадку, використовуючи рубін на рейках, моя URL-адреса виглядала так http://localhost:3000/user/auth/facebook/callback.

І відразу після того, як я його додав, все почало працювати! Сподіваюся, це допомагає комусь іншому, хто стикається з цією проблемою.

Це те, що я робив раніше.

Якщо ви використовуєте Windows, вам потрібно змінити файл хоста. Розташування хост-файлу буде за адресою%SystemRoot%\System32\drivers\etc\

Додайте новий рядок у хост-файл, як цей

127.0.0.1    localhost.YOUR-SITE-NAME.com

Збережіть файл хоста.

Перейдіть до панелі керування налаштуваннями програм FB та localhost.YOUR-SITE-NAME.comвведіть поле домену Apps. Зберегти зміни.

Тепер завантажте своє локальне середовище, як localhost.YOUR-SITE-NAME.comіз вашого браузера.

NB: змініть ІМЯ ВАШОГО САЙТУ на ваше доменне ім’я.

Робоче рішення (серпень 2018 р.)

Спочатку виберіть свою програму на інформаційній панелі розробників .

Потім переконайтеся, що ваша програма перебуває в режимі розробки , оскільки вона дозволяє localhost через HTTP. Для цього натисніть на перемикач, розташований у верхньому правому куті сторінки вашого додатка.

Нарешті, дотримуйтесь наведених нижче приміток, оскільки вони можуть спричинити проблеми при неправильному заповненні:

• Settings > Basic > App Domains має бути порожнім
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs має бути порожнім

Ви можете залишити це поле порожнім , або використання localhost, http://localhost:85/my_app/є URL

Коли я писав цей підручник, тоді порт був дозволений у домені програми. І я насправді міг запустити додаток з 81 портом (сервер Wamp). Тепер схоже, що facebook не дозволяє портувати в url. Ви можете використовувати localhostв домені програми.

Я оновлю інформацію якомога швидше. Я намагаюся знайти рішення.

Тимчасовим рішенням є використання localtunnel http://progrium.com/localtunnel/

Я перевірив це, і це працює для мене [лютий 2020]:

1. Встановіть ngrok та отримайте свою https-адресу (приклад: https://a3asdf23.ngrok.io )
2. Перейти до FB App Settings Dashboard (Basic) -> під App Домени -> додати https://a3asdf23.ngrok.io, https://ngrok.io.
3. На тій самій сторінці прокрутіть донизу, Додати платформу (веб-сайт), встановіть URL-адресу як https://a3asdf23.ngrok.io. Ще не закінчивши, натисніть QuickStart -> у розділі "Розкажіть про свій веб-сайт" введіть ту саму URL-адресу https://a3asdf23.ngrok.io.
4. Потім перейдіть на продукти -> Facebook Увійти -> Настройки -> Налаштування клієнта OAuth -> Valid OAuth Перенаправлення URIs -> додати їх 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 [порт]) Ви отримаєте

ngrok

Tunnel Status                 online
Version                       1.3/1.3
Forwarding                    http://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Forwarding                    https://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Web Interface                 http://127.0.0.1:4040
# Conn                        0
Avg Conn Time                 0.00ms

НЕ ЗАБУДАЙТЕ, щоб переконатися, що ваш сервер wamp відкритий на тому самому порту ... (як перевірити -> goto-> wampicon-> apache-> httpd.conf пошук порту або 80 (за замовчуванням) використовувати це для ngrok.exe 80)

http://3ahsdfhska.ngrok.com

буде URL-адресою для доступу до вашого localhost в Інтернеті

Якщо ви отримуєте помилки протоколу, вам потрібно не тільки ВИДАЛИТИ Http: //, але також якщо в кінці веб-адреси є коса коса риса, ви також повинні видалити це, інакше це не буде працювати. Я зробив це, і це спрацювало чудово! Холла!

Вкидання ще одного розчину в суміш:

Я налаштував свій веб-сайт відповідно до інструкцій, а потім додав другу програму (Facebook Canvas) і встановив для цієї URL-адреси значення http://localhost:XXXXX. Тепер я можу отримати доступ до FB як локально, так і у виробництві.

Я розробляю локально і використовую цю URL-адресу: localhost/fb

Потім мені довелося додати веб-сайт із такою URL-адресою: http://localhost

У розділі Домени додатків я додав localhost.

Зараз це працює. Єдиною проблемою, з якою я стикався, було те, що ви повинні використовувати цю URL-адресу у всіх своїх сценаріях. Напр

$loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions);

Тут ви не можете використовувати 127.0.0.1...

Я спробував усі згадані тут рішення, але жодне з них не спрацювало.

Що вирішило мою проблему, це копіювання "UR-адреси перенаправлення OAuth" з firebase у додаток facebook "Дійсні URI-адреси перенаправлення OAuth"

Я залишив усі домени порожніми