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: предпросмотр ссылок на сайте по микроразметке 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