티스토리 뷰
웹사이트에 인스타그램 가져오기
개요
홈페이지 및 개인블로그에 인스타그램 사진 및 기타 정보 보여주는 연동방법 작성.
Instagram Basic Display 연동방법
1. 페이스북 개발자센타 접속 및 로그인
- https://developers.facebook.com/
Meta for Developers
Conversations 2022: 제1회 Meta 비즈니스 메시지 컨퍼런스 가장 인기 있는 메시지 플랫폼에서 더욱 빠르고 개선된 경험을 구축하고자 하는 비즈니스, 개발자 및 파트너를 위한 제1회 콘퍼런스를 개최
developers.facebook.com
2. 앱만들기
- 내 앱 메뉴에서 앱 만들기
- 앱유형 선택
소비자(Facebook 로그인 및 Instagram 기본표시와 같은 소비자, 제품 및 권한을 앱에 연결합니다.) 선택.
- 표시할 앱이름 및 앱연락처 이메일 입력 후 비밀번호 재입력후 앱만들기 클릭!
- 비밀번호 입력후 제출클릭!
3. 설정 기본설정 메뉴의 기본설정 및 플랫폼 추가 하기
- 개인정보 처리방침 URL : 연동사이트 개인정보처리방침 URL 입력
- 사용자데이터 삭제 : 연동사이트 이용약관 URL 입력
- 플랫폼추가 버튼 클릭!
- 플랫폼 선택팝업에서 Website 선택
- 웹사이트 도메인 입력 후 변경내용저장클릭!
4. 제품 추가 및 설정
- 제품추가 클릭
- Instagram Basic Display 추가
- 제품 Instagram Basic Display 기본표시 메뉴클릭 후 새 앱 만들기 클릭!
- Create a New Instagram App ID 레이어 팝업에서 표시이름 입력
- 앱 만들기 후 클라이언트 OAuth 설정
-- 유효한 OAuth 리디렉션 URL : 도메인 입력
-- 승인 취소 콜백 URL 승인 취소 : 도메인 입력
-- 데이터 삭제 요청 : 도메인 입력
5. 역할
- Instagram 테스트 추가
- Instagram 테스트 추가 레이어 인스타그램 아이디 추가
6. 인스타그램 설정
- 인스타그램 로그인 https://www.instagram.com/?hl=ko
www.instagram.com
- 인스타그램 설정메뉴에서 앱 및 웹사이트 메뉴로 이동
- 앱 및 웹사이트의 테스트 초대탭선택 후 수락함.
7. 페이스북 개발자센터에서 Generate Token
- Instagram 기본표시 메뉴이동
- 사용자 토큰 생성기의 Generate Token 버튼 클릭!
- 인스타그램 로그인 후 허용함 클릭!
8. 토큰 생성
- I Understand 체크 후 토큰 Copy 클릭!
- 토큰값 생성 완료~~~~
'프로그램개발' 카테고리의 다른 글
| Mysql Character set (0) | 2023.10.27 |
|---|---|
| Enter(엔터)키 막기 (0) | 2023.10.19 |
| var, let, const 차이 및 설명 (0) | 2023.10.17 |
| form 생성 (0) | 2023.10.16 |
| MySQL DataType(자료형) (0) | 2019.03.27 |