728x90
[ 목적 ]
버튼을 누르면 해당 페이지 또는 특정 페이지를 페이스북 게시글로 바로 공유할 수 있도록 한다
[ 방법 ]
페이스북 개발자 API 활용
<a href="https://www.facebook.com/sharer/sharer.php?u={공유 하고싶은 URL}" target="_blank">페이스북으로 공유하기</a>
[ 적용 ]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 페이스북 공유 -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://megak.tistory.com/" target="_blank">페이스북으로 공유하기</a>
</body>
</html>
예시로 나의 티스토리 링크를 넣어 두었다.
해당 링크를 클릭하면, 페이스북 로그인 페이지로 이동한다.
이동 후 로그인을 하게되면 아래처럼 바로 내 게시글에 공유할 수 있게된다.
링크를 공유하는 과정에서 로그인을 받고, 내 게시글까지 링크를 가져가야하는 로직에 대해 복잡하게 생각했는데
API 를 통해 손쉽게 구현할 수 있었다.
페이스북뿐만아니라 트위터(X), 인스타그램도 API 를 활용하여 공유기능을 구현할 수 있다.
728x90
'간단 프로젝트' 카테고리의 다른 글
| 원티드 프리온보딩 백엔드 사전과제 - 도커(docker)연결 (2) | 2024.02.06 |
|---|---|
| NAVER API 사용 | HTML 코드가 페이지에 같이 보이는 경우 - 검색 API 사용 중 (0) | 2023.06.30 |
| NAVER API 사용 | API 호출 시 발생하는 CORS 임시 해결 방안 (0) | 2023.06.29 |
