Open Graph Protocol: Previewing links on a website using microdata. Spring Boot Rest

Published: 13 February 2019
on channel: letsCode
8,021
553

Open Graph Protocol: Link Preview on a Website Using Open Graph Protocol and Twitter Cards for a Spring Boot REST application.

Few people have thought about how link previews work on social media (when a small image and description are displayed under the link), but everyone is used to seeing these cards everywhere. This works using Open Graph Protocol and Twitter Cards (and a couple of other standards, such as Schema.org).

Code from the video:
https://github.com/drucoder/sarafan/t...

First, it's worth reading about the structure of Open Graph Protocol:
https://ruogp.me/

Twitter Cards:
  / getting-started.html  

And implement a mechanism for requesting and parsing pages using links from messages. We'll use the Jsoup library for querying and parsing:
https://jsoup.org/

Overview of Jsoup selectors:
https://jsoup.org/cookbook/extracting...

Dependency on Jsoup on Bintray:
https://bintray.com/bintray/jcenter/o...

Video on the Lombok library:
   • Java Tools: Project Lombok - пишем меньше ...  

Video on the Vuetify library:
   • Стилизуем приложение с Vuetify (Material d...  

Link to the Vuetify documentation Cards:
https://vuetifyjs.com/en/components/c...

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Twitter:   / letscodedru  
➡ VKontakte Group: https://vk.com/letscodedru
➡ Telegram Channel: https://t.me/letsCode_dru
➡ Telegram Chat: https://t.me/joinchat/FeiP9xEhqHajfqh...
➡ Discord Server:   / discord  

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

Support the project:
➡ Patreon   / letscodedru  
➡ Yandex.Money https://money.yandex.ru/to/4100145167...
➡ PayPal paypal.me/letscodedru
➡ Qiwi https://qiwi.me/letscode
➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Channel link: https://www.youtube.comhttps://www.yo...
➡ Yandex Zen link: https://zen.yandex.ru/media/id/5ac209...


On this page of the site you can watch the video online Open Graph Protocol: Previewing links on a website using microdata. Spring Boot Rest with a duration of hours minute second in good quality, which was uploaded by the user letsCode 13 February 2019, share the link with friends and acquaintances, this video has already been watched 8,021 times on youtube and it was liked by 553 viewers. Enjoy your viewing!