web-dev-qa-db-ja.com

ローカルホストで開いているグラフをテストする方法

私は多くの研究を行ってきましたが、これに対する決定的な答えは見つかりませんでした。 localhostで開いているグラフをテストする方法はありますか？ locahostでグラフAPIを使用しても問題はありません。

私はアプリの設定でウェブサイトのURLを変更し、hostsファイルでドメインを設定しようとしましたが、オープングラフのデバッガリンターはローカルホストの代わりに実際のドメインを使用しようとし、locahostを直接使用するとリンターが完全に接続に失敗します。

誰かがこれに対する回避策を持っていますか？

testingfacebook-graph-apilocalhost
62
DavidB

ローカルプロキシを使用するのが適切なソリューションです。 ngrokも私にとってはうまくいきませんでした。

Facebookデバッガーで動作した同様のツールはlocaltunnel✅

npm install -g localtunnel
lt --port 8000

https://<random_hash>.localtunnel.me/のようなURLを生成します。 FacebookのオープングラフデバッガーでこのURLを使用すると、2017年10月18日の時点で機能しました。新しいスクレイプ情報を取得するボタンを押すだけでした。 ????

localtunnelについてのクールなことは、 github.com/localtunnel/server を使用して独自のlocaltunnelサーバーを簡単にホストできることです。したがって、localtunnel.meとの連携が停止した場合、クラウド内のどこかで独自のものを実行できます⛅

32
GabLeRoux

ngrok を使用して、NATまたはファイアウォールを介しても、ローカルWebサーバーに非常に簡単にルーティングするランダムなパブリックサブドメインを作成できます。

Ngrokをダウンロードして./ngrok http 8080を実行するだけです（8080がローカルWebサーバーのhttpポートであると仮定）。

これにより、 http://38a84a97.ngrok.io/ のようなランダムなサブドメインが作成され、ローカルWebサーバーにルーティングされ、Facebookで開いているグラフタグをテストできます。

26
Iwazaru

オープングラフ（およびTwitterカード）をテストするには、localhost（Docker）をFacebookとTwitterに公開する必要もありました。 Serveo を使用しました

これは非常にうまく機能し、sshポート転送で機能するため、何もインストールする必要はありません。

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

次に、指定されたURLに移動します。

2
Jesse

ローカル環境がある場合に使用するChromeを使用して、ローカル環境でOpen Graphをテストするのは非常に簡単です。これを使用して、Open Graphが結果をテストするためにビューアにどのように見えるかをchromeですばやく表示しました。これが何をするかの引用です。

この拡張機能は、最も人気のあるソーシャルネットワークでのサイトの表示方法を示します。この拡張機能は、メディアコンテンツを作成する専門家向けです。

サイトまたは記事のメタ情報を確認するには、Chromeでメタ情報を開き、拡張機能のアイコンをクリックします。また、URLを手動で追加することもできます。

プラグインへの直接リンクです

1
Biged

パブリックIPアドレスを指すパブリックドメインを設定する必要があります。 dynes.orgまたは同様のサービスを使用し、ルーターを設定してポート80を転送します。

1
Stephan Alber

ローカルホスト上で何かを提供するために使用できるいくつかのツールがあり、それぞれがさまざまな程度の機能を備えています。

私は（明らかに） http://forwardhq.com を好む

他の素晴らしいオプション： http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

1
Josiah

Localhostのサブドメイン（lvh.meを使用）での開発中に、誰かが:ogタグをプレビューしようとしている場合。 https://serveo.net を使用できます。次のコマンドを使用して、ローカルサーバーリクエストを転送します。インストールは必要ありません。

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

3000の代わりに目的のポートを配置できます。

1
Rajan Verma

ProxyLocal と呼ばれる無料のツールを使用して、ローカルサーバーに一般からアクセスできるようにします。

他のプロキシの代替については、このガイドをご覧ください http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

1
Jhony Fung