Загрузка страницы

Open Graph Protocol: превью ссылок на сайте по микроразметке. Spring Boot Rest

Open Graph Protocol: предпросмотр ссылок на сайте по микроразметке Open Graph Protocol и Twitter Cards для Spring Boot Rest application.

Мало кто задумывался, как работает предпросмотр ссылок в социальных сетях (это когда под ссылкой показывается небольшая картинка и описание ссылки), но видеть эти карточки привыкли все и везде. А работает это на микроразметке Open Graph Protocol и Twitter Cards (и еще паре других стандартов, например Schema.org).

Код из видео:
https://github.com/drucoder/sarafan/tree/OpenGraph

Первым делом стоит почитать о структуре микроразметки
Open Graph Protocol:
https://ruogp.me/

Twitter Cards:
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html

И реализовать механизм запроса и разбора страниц по ссылкам из сообщений. Для запроса и разбора будем использовать библиотеку Jsoup:
https://jsoup.org/

Обзор селекторов jsoup:
https://jsoup.org/cookbook/extracting-data/selector-syntax

Зависимоть на jsoup на bintray:
https://bintray.com/bintray/jcenter/org.jsoup%3Ajsoup

Видео по библиотеке Lombok:
https://www.youtube.com/watch?v=QmsMWCIf3nc

Видео по библиотеке Vuetify:
https://www.youtube.com/watch?v=jmpxRAGJ5v0

Ссылка на документацию Vuetify по карточкам:
https://vuetifyjs.com/en/components/cards

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

➡ Твиттер: https://twitter.com/letsCodeDru
➡ Группа Вконтакте: https://vk.com/letscodedru
➡ Канал в Telegram: https://t.me/letsCode_dru
➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqhLr4z-Nw
➡ Сервер в Discord: https://discord.gg/xs6XxSx

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

Поддержать проект:
➡ Patreon https://www.patreon.com/letscodedru
➡ Яндекс.Деньги https://money.yandex.ru/to/41001451675086
➡ PayPal paypal.me/letscodedru
➡ Qiwi https://qiwi.me/letscode
➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder

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

➡ Ссылка на канал: https://www.youtube.comhttps://www.youtube.com/channel/UC1g3kT0ZcSXt4_ZyJOshKJQ
➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac20956168a91ffeae449c5

Видео Open Graph Protocol: превью ссылок на сайте по микроразметке. Spring Boot Rest канала letsCode
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
13 февраля 2019 г. 19:56:38
00:20:16
Яндекс.Метрика