как проверить открытый граф на localhost

Question

Я провел много исследований и не нашел однозначного ответа на это.Есть ли способ проверить открытый граф на локальном хосте?У меня нет никаких проблем с использованием графика API на locahost.

Я изменил URL своего веб-сайта в настройках приложения и даже пытался настроить домен в файле hosts, но отладчик linter для открытого графа пытается использовать реальный домен вместо моего localhost и при использовании locahostнапрямую линтер полностью не соединяется.

Есть ли у кого-нибудь обходные пути для этого?

Answer 1

Использование локального прокси-сервера является правильным решением. ngrok у меня тоже не сработало.

Аналогичный инструмент, который работал с отладчиком facebook: localtunnel ✅

npm install -g localtunnel
lt --port 8000

Генерирует URL-адрес, похожий на https://<random_hash>.localtunnel.me/. Использование этого URL в отладчике открытого графика Facebook работало для меня с 18 октября 2017 года. Мне нужно было всего лишь нажать кнопку Получить новую информацию для очистки . ?

Отличная вещь о localtunnel в том, что вы можете легко разместить свой собственный сервер localtunnel с github.com / localtunnel / server , так что если он когда-нибудь перестанет работать с localtunnel.me, вы можете запустить свой собственный где-то в облаке ⛅

Answer 2

Вы можете использовать ngrok для создания случайного общедоступного субдомена, который очень легко перенаправляется на ваш локальный веб-сервер, даже через NAT или брандмауэры.

Просто скачайте ngrok и запустите ./ngrok http 8080 (при условии, что 8080 - ваш http-порт вашего локального веб-сервера).

Это создаст случайный поддомен, такой как http://38a84a97.ngrok.io/, который будет перенаправлен на ваш локальный веб-сервер и который вы можете использовать с Facebook для проверки тегов открытого графика.

Answer 3

Чтобы проверить открытый граф (и карты Twitter), мне также пришлось выставить localhost (Docker) в Facebook и Twitter.Я использовал Serveo

Для этого он работает очень хорошо, не нужно ничего устанавливать, так как он работает с переадресацией порта ssh.

$ ssh -R 80:localhost:3000 serveo.net

Затем перейдите к указанному URLи вот, пожалуйста.

Answer 4

Если кто-то хочет просмотреть теги :og во время разработки на поддоменах (используя lvh.me) в localhost. Вы можете использовать https://serveo.net. Просто используйте следующую команду для пересылки запросов на локальный сервер. Установка не требуется.

ssh -R yoursubdomain.serveo.net:80:yoursubdomain.lvh.me:3000 serveo.net

Вы можете установить желаемый порт вместо 3000.

Answer 5

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

Я предпочитаю (очевидно) http://forwardhq.com

Другие великиеВарианты здесь: http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Answer 6

Я использую бесплатный инструмент под названием ProxyLocal , который делает мой локальный сервер общедоступным.

Ознакомьтесь с этим руководством для других альтернатив прокси http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Answer 7

Вы должны настроить публичный домен, который указывает на ваш публичный IP-адрес.Используйте dynes.org или аналогичный сервис и настройте маршрутизатор для переадресации вашего порта 80.

Answer 8

Очень просто протестировать Open Graph в любой локальной среде, используя Chrome, которую вы будете использовать, если у вас есть localhost. Я использовал это, чтобы быстро показать в chrome, как Open Graph смотрит на зрителя для проверки результатов. Вот цитата того, что он делает.

Это расширение показывает, как люди увидят ваш сайт в самых популярных социальные сети Это расширение для профессионалов, которые создают медиа контент.

Чтобы проверить метаинформацию вашего сайта или статьи, просто откройте ее в Chrome и нажмите значок расширения. Также вы можете добавить URL вручную.

Вот прямая ссылка на плагин