Кнопка входа в Fb не работает с localhost
Я начал очень простой проект, но его суть в том, чтобы использовать кнопку входа в fb для сбора информации о пользователях fb. Проблема в том, что я перепробовал все возможные варианты, изменил localhost в файле хоста и т. д. Кажется, что facebook не хочет, чтобы мы использовали localhost по какой-то причине, поскольку каждый URL-адрес должен иметь включенный https.
Добавляя localhost в домен и другие параметры, я все еще получаю эту ошибку:
Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https://
Я тестировал свою firebase со ссылкой https, и она отлично работает, но разработка чего-либо на живом сервере будет кошмаром, особенно когда я создаю с реакцией.
Возможно ли в наши дни использовать полный fb api на localhost?
ИЗМЕНИТЬ
Чтобы прояснить ситуацию. У меня тестовое приложение настроено следующим образом:
- Действительные URI перенаправления OAuth:https: // локальный: 3000 / <- fb добавит https автоматически и больше ничего не сохранит
- Адрес сайта:http: // локальный: 3000 /
- Домен приложения: localhost или http: // localhost / или http: // локальный: 3000 / то же самое
Ответы 1
перейти к https://developers.facebook.com/apps
Выберите ваше приложение
добавить http: // localhost: порт в
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
Я видел этот ответ в другом сообщении, но это не сработает, поскольку fb добавит его с https вместо http. Я уже пробовал это