`링크 메타테그이미지 가져와 보여주기` 기능

건의 사항

• 링크 메타테그이미지 가져와 보여주기 기능
• url을 사용자한테 받으면, 해당 url의 HTML파일을 파싱하여 meta태그 중 title, image 데이터만 추출하여 북마크 추가 시 사용자에게 기본값으로 제공하여 사용자의 사용성을 편하게 해주는 기능입니다.
• 멘토님과 “url에 대한 image 데이터의 동시성을 고려하게 될 경우”에 대해서 얘기한 결과
cf. 동시성에 대한 설명 예시
• 07월 23일 https://www.naver.com 링크에 대한 북마크를 추가했다.
• 07월 24일 네이버가 로고를 변경해 meta태그의 image 데이터가 변경되었다.
⇒ 이전에 추가된 네이버 북마크들의 image를 모두 변경된 이미지로 동기화 해주고 싶다.
• 백엔드에서 url 크롤링하여 해당 기능을 제공해주는 것이 맞다고 말씀해주셨습니다.
• 백에서 하루에 한 번(주기는 자유) 데이터베이스에 저장된 url을 모두 크롤링하여 image 값을 업데이트해주는 방향으로 얘기해주셨습니다.
 

• Feeltering 사이트의 동작

• 요약
• 프론트에서 url을 전송하면, 백에서 url 사이트를 크롤링하여 title, image 값을 프론트에게 응답해준다.
• 찾아본 결과 Java jsoup 라이브러리를 사용하여 구현이 가능한 것 같습니다. 해당 기능을 구현한 레포를 찾아 링크로 첨부합니다.
GitHub - jihunhong/OpenGraphPreviewer: 🌐 크롤링 연습 Application
페이스북에서 최초로 정의한 메타 태그 규약입니다. 웹페이지의 정보를 찾을때 점점 더 복잡해서 정보를 얻기 어려워집니다. 특정정보를 웹사이트에서 미리 간략하게 정리하여 정리해두면 일관된 정보를 전달할 수 있다는 장점이 있습니다. 물론 해당 데이터 외에도 각 업체의 알고리즘에 따라더 많은 정보를 수집하는 경우도 있습니다. - 📝 [What is the Open Graph protocol?]

https://github.com/jihunhong/OpenGraphPreviewer

• 동시성을 위해 백에서 주기를 정하여 북마크 데이터(?)에 대한 image 값들을 동기화를 한다.

답변

• URL 요청을 보내시면 해당 URL에 해당하는 메타데이터(title, image)를 내려드릴 생각입니다. (북마크 생성시 사용)

• 북마크 조회에서도 반환 데이터에 image가 추가될 것 같습니다.