instagram (3) 썸네일형 리스트형 인스타그램 API 연동하기(feat. 내 홈페이지에) #3 2020/01/06 - [개발/기타] - 인스타그램 API 연동하기(feat. 내 홈페이지에) #1 2020/02/18 - [개발/기타] - 인스타그램 API 연동하기(feat. 내 홈페이지에) #2 앞에 두 게시글에 이어 이번에는 내 홈페이지에 PHP와 jQuery를 이용해서 인스타그램 미디어를 불러와 보도록 하겠습니다. 기본 파일 준비 우선 인스타그램을 연동할 페이지에 jQuery를 실행할 수 있게 파일을 불러와야겠죠? 예를 들어 아래와 같은 html 기본 뼈대를 준비하고, 태그 사이에 jQuery를 불러오는 코드를 넣습니다. ➊ 부분이 CDN으로 jQuery를 불러오는 코드입니다. 이 파일을 index.php로 저장!! 자, 그럼 index.php는 준비가 됐으니까 이제 인스타 그럼 API와 통신하.. 인스타그램 API 연동하기(feat. 내 홈페이지에) #2 2020/01/06 - [개발/기타] - 인스타그램 API 연동하기(feat. 내 홈페이지에) #1 1편에 이어서 계속 진행 해 보겠습니다. 이번에는 인증키도 받고 토큰등도 받고 해 보겠습니다. 2편 쓰는걸 잊고 있었네요(...) 😭 인증코드를 받자. 인증 토큰도 받고 할라면 인증 코드로 시작을 합니다. 인증코드를 받기위해 필요한 정보는 1편에서 입력한 정보들이죠. 우선 페이스북 개발자 사이트에 로그인을 합니다. 그리고 1편에서 만들었던 Instagram 제품 > 기본표시 페이지에 가면 아래와 같은 정보를 볼 수 있습니다. client_id : 위 이미지에서 Instagram 앱 ID redirect_uri : 클라이언트 OAuth 설정에서 유효한 OAuth 리디렉션 URI 아래 주소를 복사해서 브라우저.. 인스타그램 API 연동하기(feat. 내 홈페이지에) #1 인스타그램의 사진을 홈페이지에 연동하려고 했는데 잘 사용하던 API 서비스를 종료해서 더 이상 이전의 방법으로 연동이 안된다. 새로 변경된 API로 연동하는 방법을 대충 보니 복잡해 보여서 나중에 까먹으면 또 보려고 기록을 해 놓으려고 한다. 😥 시작하기전에 필요한 준비물이 있다. 인스타그램 연동 준비물 페이스북 개발자 계정(이건 페이스북 아이디 있음 걍 되는 거 같고) 인스타그램 계정(나중에 테스트 계정에서 필요하다) 인스타그램을 연동 할 홈페이지(꼭! HTTPS 필수) 포스트맨이나 인썸니아(이건 필수는 아니고 터미널에서 cURL 대신 쓰면 편함) 기존의 인스타그램 API 연동 방법 이전에는 위 이미지처럼 인스타그램 개발자 사이트에 가서 가입 및 로그인 후 앱을 생성해서 각종 키를 발급받아 연동이 가능.. 이전 1 다음
