Подтвердить что ты не робот

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

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

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

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

4b9b3361

Ответ 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, вы можете запустить свой собственный где-то в облаке ⛅

Ответ 2

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

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

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

Ответ 3

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

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

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

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

Ответ 4

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

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

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

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

Ответ 5

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

Ответ 7

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

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

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

Ответ 8

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

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

вы можете указать желаемый порт вместо 3000.

Ссылка: https://blog.aarvy.me/2019/09/20/expose-local-apps-having-subdomains-to-web/