私は MEAN スタック アプリケーション (Mongo、Express、Angular、Node) を開発しています。Facebook の楽しいページでいくつかのページを共有し、このようなパーソナライズされたリンクを作成したいと考えています。 https://www.evernote.com/shard/s414/sh/6c61c036-abc6-4eb9-b355-41af05760979/45fce4c1795580266f1247dba3452d62/res/31e7a3bd-7258-4910-bb05-5e2e61cd2d96/skitch.png
動的 og タグを使用して、共有リンクにさまざまなデータを表示しています
<html itemscope itemtype="http://schema.org/Article">
<!-- Open Graph -->
<meta property="og:title" content="{{og_title}}" />
<meta property="og:type" content="article" />
<meta property="og:url" content="{{og_url}}" />
<meta property="og:image" content="{{og_image}}" />
<meta property="og:description" content="{{og_description}}" />
<meta property="og:site_name" content="MYSITENAME" />
<meta property="fb:admins" content="MYAPPID" />
これらの変数は、$http.get() によってサーバーから取得されます。
JavaScript ページを完全にクロールできるようにするために、EC2 インスタンス (ポート 3000) で実行されている prerender.io サーバーも使用しています。
app.use(require('prerender-node').set('prerenderServiceUrl', 'http://'+ config.DNS +':3000/'));
私がタイプするとき、プリレンダーはうまくいっています
http://DOMAINE.com:3000/http://DOMAINE.com/items/5376899f3230687806000016
ページのスナップショットを取得し、このページのコード ソースを表示すると、正しいデータが取得されます。
<!-- Open Graph data -->
<meta property="og:title" content="Pink floyd CD">
<meta property="og:type" content="article">
<meta property="og:url" content="DOMAINE.com:80/items/53763aad67afe39d05000017">
<meta property="og:image" content="https://fpid.s3.amazonaws.com/items/4748_DarkSideOfTheMoon.jpg">
....
私の問題は、FacebookでこのURLを共有するときです
http://DOMAINE.com/items/5376899f3230687806000016
画像、タイトル、説明を含む適切なリンクを取得する代わりに、この不適切なリンクを取得します