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
Мало кто задумывался, как работает предпросмотр ссылок в социальных сетях (это когда под ссылкой показывается небольшая картинка и описание ссылки), но видеть эти карточки привыкли все и везде. А работает это на микроразметке 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
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Онлайн игра на Java #4: расчёт позиции игрока на сервере и передача данных на клиентаДиалог для таблицы для выбора значения. Spring Boot + WebixПодписки с подтверждением: фронтенд. Spring Boot RestПодписки с подтверждением. Spring Boot RestПостраничный вывод и ленивая подгрузка. Spring Boot + WebixIntelliJ (IDEA, PyCharm, WebStorm): быстрое сравнение файловПодписки пользователей. Spring Boot RestОнлайн игра на Java #5: вывод нескольких пользователей на экранServerless Framework для Java + AWSJava Tools: Google Guava - крутые коллекции для всехSpring Boot: JPA ManyToMany - подписки и подписчикиВэб сервер легко: SparkJavaОнлайн игра на Java #6: Emitter, PoolJava Tools: Project Lombok - пишем меньше кодаDocker toolkit: ctop vs lazydockerГорячие клавиши Idea/PyCharm/RubyMine/GoLand (Hotkeys)Оповещения из GitHub на рабочем столеSpring Boot: reCaptcha, rest client, rememberMe и сохранение сессий в БДПубликация на Heroku. Spring Boot RestПростой HTTP сервер. #1