localhostのOGPを確認する方法

OGPは本番環境にアップするまで確認できないなんてことはない！

ngrokのインストール

brew install ngrok

ngrok --version # バージョンチェック
ngrok version 3.1.0 # 表示されればOK

URLの発行

ローカルで起動しているサーバのポートを設定する

ngrok http 3000

確認

🫶 Using ngrok for OSS? Request a community license: https://ngrok.com/r/oss

...省略

Forwarding https://a7f8-2400-2411-61e2-b00-7df2-3100-7c58-88f2.ngrok-free.app -> http://localhost:3000

https://~~~.ngrok-free.appが公開URLなのでこれをOGP画像のような外部ツールに入力すると確認できる。

88👏🏻