---
title: 인스타그램 기본 디스플레이
slug: docs-kr/platform/instagram-basic-display-api
description: Instagram 기본 디스플레이 API를 설정하고 토큰을 수집하여 Parse에서 사용하세요.
image: https://www.back4app.com/_public/img/back4app-og.png
createdAt: 2024-02-02T15:12:31.669Z
---
# 인스타그램 기본 디스플레이 API 튜토리얼
## 소개
인스타그램 기본 디스플레이 API는 앱이 인스타그램 사용자의 프로필, 이미지, 비디오 및 앨범을 가져오는 데 사용할 수 있는 HTTP 기반 API입니다.
2019년 10월 15일부터 인스타그램 API 플랫폼에서 새로운 클라이언트 등록 및 권한 검토가 중단되었으며, 인스타그램 기본 디스플레이 API를 사용해야 합니다. 이제부터 이 방법을 사용해야 합니다.
## 전제 조건
:::hint{type="info"}
**이 튜토리얼을 완료하려면 다음이 필요합니다:**
- Back4App에서 생성된 앱
- 다음의 [새 앱 만들기 튜토리얼](https://www.back4app.com/docs/get-started/new-parse-app)을 참조하여 Back4App에서 앱을 만드는 방법을 알아보세요.
- Back4App 앱을 위한 서브도메인 설정
- 다음의 [웹 호스팅 및 실시간 쿼리 활성화](https://www.back4app.com/docs/platform/activating-web-hosting)을 참조하여 Back4App에서 서브도메인을 만드는 방법을 알아보세요.
- [인스타그램 개발자 계정](https://developers.facebook.com/docs/instagram)이 필요합니다.
:::
## 1 - 새로운 Back4App 앱 만들기
우선, Back4App에서 기존 앱이 생성되어 있는지 확인하는 것이 필요합니다. 그러나 새로운 사용자라면, [이 튜토리얼](https://www.back4app.com/docs/get-started/new-parse-app)을 확인하여 앱을 만드는 방법을 알아보세요.
## 2 - 인증 창 표시
인증 창은 앱 사용자가 귀하의 앱에 권한을 부여하고 단기 Instagram 사용자 액세스 토큰을 받을 수 있도록 합니다. 사용자가 로그인하고 귀하의 앱이 접근할 데이터를 선택한 후, 우리는 사용자를 귀하의 앱으로 리디렉션하고 인증 코드를 포함합니다. 이 코드를 사용하여 단기 액세스 토큰으로 교환할 수 있습니다.
프로세스를 시작하려면 인증 창을 가져와 사용자에게 표시하십시오:
:::BlockQuote
1 https\://api.instagram.com/oauth/authorize
2 ?client\_id={instagram-app-id}
3 \&redirect\_uri={redirect-uri}
4 \&scope={scope}
5 \&response\_type=code
6 \&state={state} //선택 사항
:::
“`state`”를 제외한 모든 매개변수는 필수입니다.
인증이 성공하면 사용자를 귀하의 redirect\_uri로 리디렉션하고 코드 쿼리 문자열 매개변수를 통해 인증 코드를 전달합니다. 코드를 캡처하여 귀하의 앱이 단기 Instagram 사용자 액세스 토큰으로 교환할 수 있도록 하십시오.
인증 코드는 1시간 동안 유효하며 한 번만 사용할 수 있습니다.
샘플 인증 코드는 다음과 같습니다:
:::BlockQuote
**https\://myapp.back4app.io/auth/?code=AQBx-hBsH3...#\_**
:::
참고하세요 `#_` 는 리디렉션 URI의 끝에 추가되지만, 코드 자체의 일부는 아니므로 제거하세요.
## 3 - 토큰 가져오기
코드를 받으면, 다음 엔드포인트에 POST 요청을 보내어 단기 액세스 토큰으로 교환하세요:
:::BlockQuote
1 POST https\://api.instagram.com/oauth/access\_token
:::
샘플 요청은 다음과 같을 것입니다:
```curl
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...
```
그리고 성공적인 응답은 다음과 비슷할 것입니다:
```json
1 {
2 "access_token": "IGQVJ...",
3 "user_id": 17841405793187218
4 }
```
## 4 - 개발 시작하기
이제 Instagram으로 로그인 기능이 구성되었으므로, 인증을 위해 가져온 액세스 토큰을 전달하여 개발 프로세스를 시작할 수 있습니다.
AUTHDATA의 형식은 다음과 같습니다:
```json
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를 위한 방법이 있습니다:
```swift
1 PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2
3 }
```
그리고 여기 Android SDK를 위한 방법이 있습니다:
```java
1 Map authData = new HashMap();
2 authData.put("access_token", tokenString);
3 authData.put("id", user);
4 ParseUser.logInWithInBackground("instagram", authData){
5
6 }
```