Додаток Facebook: localhost більше не працює як домен програми

Я писав гру для Facebook, використовуючи Rails та jQuery. З тих пір, як я почав використовувати Facebook Javascript SDK, використання localhost як домену програми, здавалося, працювало чудово. Я зміг протестувати свою гру як локально, так і на Heroku.

Минулого дня, здається, Facebook зробив велике оновлення для свого інтерфейсу розробника. Тепер, якщо я додаю localhost як домен програми, це видає мені таку помилку:

Це має бути отримано з URL-адреси полотна, захищеної URL-адреси полотна, URL-адреси сайту, URL-адреси мобільного сайту, URL-адреси вкладки сторінки або URL-адреси вкладки захищеної сторінки. Перевірте та виправте такі домени: localhost

Моя гра також тепер не працює локально, і я отримую повідомлення про помилку, коли Javascript SDK входить до користувача:

Код помилки API: 191 Опис помилки API: Вказана URL-адреса не належить програмі Повідомлення про помилку: Недійсний redirect_uri: Дана URL-адреса не дозволена конфігурацією програми.

Це не трапляється, коли я розгортаю свою гру, оскільки herokuapp.com вважається дійсним доменом програми.

Як я повинен розробляти та тестувати свою гру, якщо я більше не можу використовувати localhost або 127.0.0.1?

Здається, протокол постійно змінюється, і прийнята відповідь сьогодні для мене не спрацювала. Якщо це допоможе іншим шукачам, ось що мені вдалося:

• Усі зміни були внесені на сторінці Налаштування на вкладці Основні

1.) У центрі під першим полем параметрів натисніть "+ Додати платформу" та виберіть "Веб-сайт" (або будь-який інший варіант, який підходить для вашого додатка.)

2.) У вікні веб-сайту, який ви щойно додали: URL-адреса сайту: http://localhost:3000/

3.) У полі вище (Налаштування => Основне): Домен програми: localhost

4.) У нижньому правому куті натисніть "Зберегти зміни"

5.) Переконайтеся, що ідентифікатор програми скопійовано та вставлено правильно у ваш код. (Ідентифікатор знаходиться в першому полі на цій сторінці, якщо він вам знадобиться знову.)

1. Перейдіть на сторінку налаштувань програми на веб- сайті http://developers.facebook.com
2. Клацніть на стрілку спадного меню у верхньому лівому куті (поруч із назвою вашого додатка), натисніть "Створити тестовий додаток" і дайте йому назву
3. У налаштуваннях> Основні для цього нового тестового додатка встановіть домени додатків як "localhost"
4. Також встановіть URL-адресу веб-сайту як " http: // localhost: 8888 " (або будь-який інший порт, який ви використовуєте).
5. ВАЖЛИВО: ця програма відрізняється від ідентифікатора програми та секрету програми від вашої онлайн-програми. Отже, останній крок: переконайтеся, що ви оновили код, який знаходиться у вашому локальному хості, за допомогою ідентифікатора програми та секрету програми. Навпаки, код, який знаходиться на реальному сервері, повинен використовувати основний ідентифікатор програми та секрет.

Ви все ще можете протестувати свою програму, не розгортаючи її на віддаленому сервері, як heroku. Фокус полягає в тому, щоб оновити etc/hostsфайл таким чином:

127.0.0.1 mydomain.com

Потім у налаштуваннях програми Facebook введіть [ http: //] mydomain.com, без знаків "[" та "]"

У мене це працювало таким чином

Для всіх, хто возиться з цим у 2017 році. Інтерфейс знову змінився. Я хотів прокоментувати це до відповіді, але у мене недостатньо репутації. URL-адресу localhost вашого додатка тепер потрібно скопіювати у три місця. В даний час (26 жовтня 2017 р.) Послідовність:

1.) Натисніть "Налаштування" в меню ліворуч.

2.) У центрі під першим полем параметрів натисніть "+ Додати платформу" та виберіть "Веб-сайт" (або будь-який інший варіант, який підходить для вашого додатка.)

3.) У вікні, яке з’явиться для веб-сайту, ви щойно додали, скопіюйте URL-адресу свого сайту localhost (fe http: // localhost: 3000 / )

4.) У полі вище, що "App Domain" скопіюйте ту саму URL-адресу

5.) У нижньому правому куті натисніть "Зберегти зміни"

6.) У меню ліворуч у розділі "Продукти" натисніть "Вхід на Facebook" (або додайте його за допомогою "+ Додати товари", якщо він недоступний)

7.) Ви знаходитесь у налаштуваннях Facebook Login. Скопіюйте ту саму URL-адресу в поле "Дійсні URI-адреси перенаправлення OAuth"

Це має спрацювати.

Просто додайте localhost як URL-адресу свого полотна або URL-адресу мобільного сайту, це дозволить вам мати як localhost, так і herokuapp.com у налаштуваннях домену програми. Тоді, коли ваша програма запущена, просто видаліть її.

Це неправильний шлях. Ви повинні створити тестовий додаток за допомогою вкладки Тест у налаштуваннях програми. А потім ви можете ввести URL-адресу свого етапу розробки (наприклад, localhost) до своєї програми.

Рішення за допомогою Firebase

Для того, щоб це працювало localhost, порт 3000я зробив наступне:

1. Створити додаток

2. Тепер виберіть "+ Створити тестову програму" зі спадного меню зі стрілкою (угорі ліворуч).

3. Додати localhostдо доменів додатків

4. Додайте http://localhost:3000/до URL-адреси сайту, вибравши "+ Додати платформу"

До цього моменту я дотримувався всіх попередніх відповідей, поданих тут, але нічого не працювало.

Так...

5. У меню ліворуч виберіть "Додати товар"

6. Додати "Facebook Login"

Вам буде представлена ​​карусель робочого циклу, із типовим доменом http://localhost:3000/, натисніть "продовжити" до кінця.

7. Виберіть "Вхід у Facebook> Налаштування" в меню продукту.

8. Введіть ваш URI переспрямування Firebase OAuth (знайдено, коли ввімкнути Facebook Login у вашій консолі Firebase https://console.firebase.google.com , приклад нижче)

9. Вставте URI та збережіть.

Зроблено.

Спробуйте використовувати URL-адресу з портом, наприклад

    http://localhost:8000/

У мене була та сама проблема, і я знайшов це рішення прямо зараз.

Це працює для мене в героку, річ localhost не працювала (для мене). Сподіваюся, це допоможе

1.) У центрі під першим полем параметрів натисніть "+ Додати платформу" та виберіть "Веб-сайт" (або будь-який інший варіант, який підходить для вашого додатка.)

2.) У вікні веб-сайту, який ви щойно додали: URL-адреса веб-сайту: http://MYAPP.herokuapp.com/ (замініть MYAPP на ім’я вашого додатка)

3.) У полі вище (Налаштування => Основне): Домен програми: MYAPP.herokuapp.com (замініть MYAPP на ім'я вашого додатка)

4.) У нижньому правому куті натисніть "Зберегти зміни"

Просто примітка для деяких інших, які, можливо, борються з цим, як і я. Мені не вдалося змусити це працювати з "тестовими" програмами. Використовуючи мої фактичні налаштування програми (і просто додаючи

"http://localhost:3000/"

to my canvas URL) працював, як пропонували всі інші. Здається, тестові програми не є рівними реальним програмам.

Я зіткнувся з проблемою з моїм додатком Rails, яку я зазвичай запускаю з http: // localhost: 3000, оскільки Facebook тепер вимагає дійсного перенаправлення OAuth для використання https.

Для локального використання https я використовував [ngrok] [1], що дозволяє використовувати https, надаючи тунель. Зробити це:

1. Я зайшов на їх веб-сайт і завантажив їх програму
2. Я витягнув файл для програми
3. У своїй консолі я зайшов у каталог, куди було витягнуто ngrok, і на моїй машині Windows ввів 'grok http 3000', інші можуть використовувати './grok http 3000'
4. Ввівши це, ngrok надав https-адресу, яку я вставив у поле Valid OAuth Redirect URIs у Facebook
5. Потім я запустив свій сервер і мав доступ до нього, використовуючи адресу https замість localhost: 3000

для локального тестування потрібно лише вимкнути програму або перевести програму facebook у режим розробки. Тоді Facebook дозволить вам самостійно отримати доступ до програми

Для мене це працювало так:

Налаштування інформаційної панелі програми facebook:

* На вкладці 'basic':

1) Залишити домен програми порожнім.

2) Стирання будь-якої платформи. Значення: немає веб-сайту, немає платформи для полотна. (тому немає поля для URL-адреси сайту, яке потрібно заповнити)

* На вкладці "Додатково":

3) Я ввів дійсні URI переспрямування OAuth:

http://localhost/myappfolder/redirect.php

4) щодо мого коду, введіть мій c: /xampp/htdocs/localhost/myappfolder/index.php (цей файл робить URL-адресу для входу):

$helper = new FacebookRedirectLoginHelper('http://localhost/myappfolder/redirect.php');  

всередині файлу redirect.php:

$helper = new FacebookRedirectLoginHelper('http://localhost/myappfolder/redirect.php');  

і я отримав сеанс! нарешті! не треба вішатись врешті-решт: P