node로 oEmbed만들기

처음으로 oEmbed가 무엇인지부터 알아보겠습니다.

oEmbed는

oEmbed는 다른 사이트의 URL을 내장된 표현을 가능하게 하는 Format 입니다.
유저가 Resource 에 해당하는 링크를 입력할 때, 웹사이트들이 Resource를 직접 파싱하지 않고, 내장된 컨텐츠(사진과 비디오같은)를 보여줄 수 있게 하는 간단한 API 입니다.

https://meetup.toast.com/posts/81

oEmbed를 소개합니다 : NHN Cloud Meetup

 

이 내용을 읽어보시면 sns 내부의 보안을 위해 사용하는 api입니다.

저도 알게 된지 얼마 안된 개념이고 한국어로 정리된 내용은 적어 블로그에 적어봅니다.

 

 

java, python, node 등의 언어로 만드는 방법이 있지만 저는 node를 사용하였습니다.

기본적으로 node는 oEmbed의 사용을 편하게 해주는 api를 제공합니다.

https://www.npmjs.com/package/oembed-parser

oembed-parser

 

npm을 사용하여 다운받고 api를 사용하면 간단하게 구현할 수 있습니다.

 

간단한 소스가 보고 싶으시면 제 깃허브 소스를 참고해주세요.

https://github.com/whiteout367/nodeOembed

GitHub - whiteout367/nodeOembed

 

 

 

 

하지만 인스타그램과 페이스북은 최근 개인정보 보호를 위해 oEmbed의 사용을 막았습니다.

그래서 인스타그램과 페이스북의 url을 사용하여 데이터를 처리하기 위해서는 몇가지를 추가해주셔야 합니다.

페이스북 개발자 페이지에 들어가셔서 앱, 클라이언트 토큰을 받아 등록시켜주셔야 사용이 가능합니다.

https://developers.facebook.com/?locale=ko_KR 

Facebook for Developers

 

자세한 내용은 아래 블로그에 잘 정리해주신 분이 계십니다.

https://happist.com/576181/%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%B6%81-oembed-%EA%B0%9C%EB%B0%A9%ED%98%95-api%EB%A5%BC-%ED%8F%AC%EA%B8%B0-%EC%9D%B4%EC%9C%A0%EC%99%80-%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8-%EC%82%BD%EC%9E%85

페이스북의 oEmbed 개방형 API를 포기 이유와 인스타그램 삽입 방법 | 꿈꾸는섬

 

여기까지가 oEmbed사용법이었습니다.

 

도움이 되셨으면 합니다. 감사합니다.