인스타그램 기본 디스플레이
인스타그램 기본 디스플레이 API 튜토리얼
소개
인스타그램 기본 디스플레이 API는 앱이 인스타그램 사용자의 프로필, 이미지, 비디오 및 앨범을 가져오는 데 사용할 수 있는 HTTP 기반 API입니다. 2019년 10월 15일부터 인스타그램 API 플랫폼에서 새로운 클라이언트 등록 및 권한 검토가 중단되었으며, 인스타그램 기본 디스플레이 API를 사용해야 합니다. 이제부터 이 방법을 사용해야 합니다.
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
- Back4App에서 생성된 앱
- Back4App 앱을 위한 서브도메인 설정
1 - 새로운 Back4App 앱 만들기
우선, Back4App에서 기존 앱이 생성되어 있는지 확인하는 것이 필요합니다. 그러나 새로운 사용자라면, 이 튜토리얼을 확인하여 앱을 만드는 방법을 알아보세요.
2 - 인증 창 표시
인증 창은 앱 사용자가 귀하의 앱에 권한을 부여하고 단기 Instagram 사용자 액세스 토큰을 받을 수 있도록 합니다. 사용자가 로그인하고 귀하의 앱이 접근할 데이터를 선택한 후, 우리는 사용자를 귀하의 앱으로 리디렉션하고 인증 코드를 포함합니다. 이 코드를 사용하여 단기 액세스 토큰으로 교환할 수 있습니다.
프로세스를 시작하려면 인증 창을 가져와 사용자에게 표시하십시오:
“state”를 제외한 모든 매개변수는 필수입니다.
인증이 성공하면 사용자를 귀하의 redirect_uri로 리디렉션하고 코드 쿼리 문자열 매개변수를 통해 인증 코드를 전달합니다. 코드를 캡처하여 귀하의 앱이 단기 Instagram 사용자 액세스 토큰으로 교환할 수 있도록 하십시오.
인증 코드는 1시간 동안 유효하며 한 번만 사용할 수 있습니다.
샘플 인증 코드는 다음과 같습니다:
참고하세요 #_ 는 리디렉션 URI의 끝에 추가되지만, 코드 자체의 일부는 아니므로 제거하세요.
3 - 토큰 가져오기
코드를 받으면, 다음 엔드포인트에 POST 요청을 보내어 단기 액세스 토큰으로 교환하세요:
샘플 요청은 다음과 같을 것입니다:
1 curl -X POST \
2 https://api.instagram.com/oauth/access_token \
3 -F client_id=990602627938098 \
4 -F client_secret=eb8c7... \
5 -F grant_type=authorization_code \
6 -F redirect_uri=https://socialsizzle.herokuapp.com/auth/ \
7 -F code=AQBx-hBsH3...그리고 성공적인 응답은 다음과 비슷할 것입니다:
1 {
2 "access_token": "IGQVJ...",
3 "user_id": 17841405793187218
4 }4 - 개발 시작하기
이제 Instagram으로 로그인 기능이 구성되었으므로, 인증을 위해 가져온 액세스 토큰을 전달하여 개발 프로세스를 시작할 수 있습니다. AUTHDATA의 형식은 다음과 같습니다:
1 {
2 "instagram": {
3 "id": "user's Instagram id (string)",
4 "access_token": "an authorized Instagram access token for the user"
5 }
6 }여기 iOS SDK를 위한 방법이 있습니다:
1 PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2
3 }그리고 여기 Android SDK를 위한 방법이 있습니다:
1 Map<string, string> authData = new HashMap<string, string>();
2 authData.put("access_token", tokenString);
3 authData.put("id", user);
4 ParseUser.logInWithInBackground("instagram", authData){
5
6 }