Кнопка входа Fb не работает с localhost

Question

Я запустил очень простой проект, но суть его в том, чтобы использовать кнопку входа fb для сбора информации о пользователях fb. Проблема в том, что я перепробовал все возможные варианты, изменив localhost в файле хоста и т. Д. Похоже, что facebook почему-то не хочет, чтобы мы использовали localhost, поскольку для каждого URL-адреса должен быть включен https.

Добавление localhost к домену и другие параметры Я все еще получаю эту ошибку:

Небезопасный вход в систему заблокирован: вы не можете получить токен доступа или войти в это приложение с небезопасной страницы. Попробуйте перезагрузить страницу как https://

Я проверил на своей базе данных по ссылке https, и она отлично работает, но разработка чего-либо на живом сервере будет настоящим кошмаром, особенно когда я создаю с реакции.

Возможно ли в наши дни использовать full fb api на localhost?

EDITED

Чтобы все прояснить. У меня есть настройки моего тестового приложения:

• Действительные URI перенаправления OAuth: https://localhost:3000/ <- fb автоматически добавит https и больше ничего не сохранит </li>
• URL сайта: http://localhost:3000/
• Домен приложения: localhost или http://localhost/ или http://localhost:3000/ тот же материал

Answer 1

• перейти к https://developers.facebook.com/apps

• Выберите приложение

• добавьте http://localhost:port к Valid OAuth redirect URIs

Или

1.) На сайте developer.facebook.com выберите «Приложение».

2) Под настройками в «Домене приложения» добавьте localhost.

3) Нажмите «Добавить платформу» и выберите «Веб-сайт».

4) В поле ввода URL сайта добавить http://localhost:portNumber/ (какой бы номер порта ни применялся, пример http://localhost:9000/ для игровых рамок)

5.) Сохраните изменения, теперь имя пользователя Fb должно работать на вашем локальном хосте.

Или

Запустить сервер webpack с включенным https

devServer: {
  https:true
  },

Подробнее здесь Webpack https