як перевірити відкритий графік на localhost - -

Я провів багато досліджень і не знайшов остаточної відповіді на це. Чи є спосіб перевірити відкритий графік на localhost? Я не маю жодних проблем із використанням графічного API на локахості.

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

Хтось має якісь способи вирішення цього?

Використання локального проксі є правильним рішенням. 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, ви можете запустити свій власний десь у хмарі ⛅

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

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

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

Його дуже просто протестувати Open Graph у будь-якому локальному середовищі за допомогою Chrome або Firefox за допомогою плагінів . Я використав один із них, щоб швидко показати в хромі, як Open Graph виглядає на програмі перегляду для тестування результатів. Ось цитата того, що він робить.

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

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

Ось пряме посилання на плагін (Chrome)
надбудови Firefox

Щоб протестувати відкритий графік (і картки Twitter), мені також довелося виставити localhost (Docker) у Facebook та Twitter. я використав Сервео

Це дуже добре працює для цього, не потрібно нічого встановлювати, оскільки це працює з переадресацією портів ssh.

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

Потім перейдіть до вказаної URL-адреси, і ось ви йдете.

Ви повинні налаштувати загальнодоступне надбання, яке вказує на вашу загальнодоступну ip-адресу. Використовуйте dynes.org або подібну службу та налаштуйте маршрутизатор для переадресації порту 80.

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

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

Існує кілька інструментів, якими ви можете подати щось на своєму локальному хості, кожен з різним ступенем функціональності.

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

Інші чудові варіанти тут: http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Якщо хтось хоче переглянути попередній перегляд :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/

Як трохи простіший підхід, ви можете використовувати розширення браузера, таке як https://socialsharepreview.com/browser-extensions - яке відображатиме ваші соціальні картки безпосередньо у браузері (що, звичайно, може не вдатися, якщо ви помилково не встановили їх на сервері :))