URLからOGPを取得する

Question

前提・実現したいこと

Nuxtでアプリを開発していて、URLからOGP画像とタイトルを読み込んで、それらを表示したいと考えています。
イメージとしてはnoteのような感じです

いろいろと探してみたのですが、参考になるサイトが見つからず足踏みしている状態です。

何か参考になりそうなサイトなどありましたら、共有いただけますと幸いです。
よろしくお願いいたします。

Answer 1

このあたりはいかがでしょうか。

• URLからOGPを抽出するサンプル (cheerio + Node.js)
• ogp-parser - npm

Comments

[gnx_vw903]

共有いただきありがとうございます！参考にしてみます！

Answer 2

TypeError: "NetworkError when attempting to fetch resource." #15
の通り、ogp-parserをフロントで使うとCORSエラー吐いて使えない可能性があるみたいです。

VercelとかでNode.jsサーバー立てればいけそう？