인스타그램 기본 디스플레이
9 분
인스타그램 기본 디스플레이 api 튜토리얼 소개 인스타그램 기본 디스플레이 api는 앱이 인스타그램 사용자의 프로필, 이미지, 비디오 및 앨범을 가져오는 데 사용할 수 있는 http 기반 api입니다 2019년 10월 15일부터 인스타그램 api 플랫폼에서 새로운 클라이언트 등록 및 권한 검토가 중단되었으며, 인스타그램 기본 디스플레이 api를 사용해야 합니다 이제부터 이 방법을 사용해야 합니다 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 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 사용자 액세스 토큰을 받을 수 있도록 합니다 사용자가 로그인하고 귀하의 앱이 접근할 데이터를 선택한 후, 우리는 사용자를 귀하의 앱으로 리디렉션하고 인증 코드를 포함합니다 이 코드를 사용하여 단기 액세스 토큰으로 교환할 수 있습니다 프로세스를 시작하려면 인증 창을 가져와 사용자에게 표시하십시오 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} //선택 사항 “ \<font color="#2166ae">state\</font> ”를 제외한 모든 매개변수는 필수입니다 인증이 성공하면 사용자를 귀하의 redirect uri로 리디렉션하고 코드 쿼리 문자열 매개변수를 통해 인증 코드를 전달합니다 코드를 캡처하여 귀하의 앱이 단기 instagram 사용자 액세스 토큰으로 교환할 수 있도록 하십시오 인증 코드는 1시간 동안 유효하며 한 번만 사용할 수 있습니다 샘플 인증 코드는 다음과 같습니다 https //myapp back4app io/auth/?code=aqbx hbsh3 # 참고하세요 \<font color="#2166ae"># \</font> 는 리디렉션 uri의 끝에 추가되지만, 코드 자체의 일부는 아니므로 제거하세요 3 토큰 가져오기 코드를 받으면, 다음 엔드포인트에 post 요청을 보내어 단기 액세스 토큰으로 교환하세요 1 post https //api instagram com/oauth/access token 샘플 요청은 다음과 같을 것입니다 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 }