Ultimate Member 확장 – 소셜 로그인 : Instagram 앱 설정

Ultimate Member 확장 – 소셜 로그인 : Instagram 앱 설정

개요

이 문서는 사용자가 귀하의 사이트에서 Instagram을 통해 로그인/ 회원가입 할 수 있도록 Instagram 애플리케이션을 올바르게 설정하는 방법에 대한 지침을 제공합니다. 사용자가 Instagram을 통해 로그인하도록 하려면 소셜 로그인 확장 프로그램을 구매해야합니다.

목차

Instagram 앱 생성 및 설정

Ultimate Member – Social Login 확장 프로그램을 사용하려면 Instagram 애플리케이션을 만들어야합니다.

1 단계 : Facebook 앱 만들기

developers.facebook.com으로 이동하여 “내 앱”을 클릭하고 새 앱을 만듭니다. 앱을 생성하고 앱 대시 보드에 있으면 [설정> 기본]으로 이동하여 페이지 하단으로 스크롤한 다음 플랫폼 추가를 클릭합니다.

웹 사이트를 선택하고 웹 사이트의 URL을 추가하고 변경사항을 저장합니다.

2 단계 : Instagram 기본 디스플레이 구성

제품을 클릭하고 Instagram 제품을 찾은 다음 설정을 클릭하여 앱에 추가합니다.

기본 디스플레이를 클릭하고 페이지 하단으로 스크롤 한 다음 새 앱 만들기를 클릭합니다.

나타나는 양식에서 아래 지침에 따라 각 섹션을 작성하십시오.

  • 표시 이름 – 방금 만든 Facebook 앱의 이름을 입력합니다.
  • 유효한 OAuth 리디렉션 URI – 웹 사이트의 URL을 입력하세요. 리디렉션 매개 변수를 캡처 할 수있는 세 가지 전용 URI가 있습니다. 예 :
    • https://www.exampledomain.com/login/?provider=instagram
    • https://www.exampledomain.com/register/?provider=instagram
    • https://www.exampledomain.com/account/social/?provider=instagram
  • 콜백 URL 승인 취소 – 웹 사이트의 URL을 다시 입력합니다.
  • 데이터 삭제 콜백 URL – 웹 사이트의 URL을 다시 한 번 입력합니다.

3 단계 : Instagram 테스트 사용자 추가

[역할> 역할]로 이동하여 Instagram 테스터 섹션까지 아래로 스크롤합니다. Instagram 테스터 추가를 클릭하고 Instagram 계정의 사용자 이름을 입력하고 초대장을 보냅니다.

새 웹 브라우저를 열고 www.instagram.com으로 이동하여 방금 초대한 Instagram 계정에 로그인합니다. [프로필> 프로필 편집> 승인된 애플리케이션> 테스터 초대]로 이동하여 초대를 수락합니다.

이제 귀하의 Instagram 계정이 개발 모드에있는 동안 Facebook 앱에서 액세스 할 수 있습니다.

확장 프로그램 설정 구성

확장 프로그램의 설정 페이지 [Ultimate Member> 설정> 확장> Social Login]으로 이동하여 “Instagram Social Connect“를 활성화한 다음 아래 지침에 따라 API 키를 붙여 넣으십시오.

  • Instagram Social Connect 활성화
  • Client ID – [앱 대시 보드> 제품> Instagram> 기본 디스플레이]에 표시된 Instagram 앱 ID를 붙여 넣습니다.
  • Client Secret – [앱 대시 보드> 제품> 인스 타 그램> 기본 디스플레이]에 표시된 Instagram 앱 시크릿을 붙여 넣습니다.

[Ultimate Member> 설정> 확장> Social Login]

[앱 대시 보드> 제품> Instagram> 기본 디스플레이]

참고 : Instagram 사용자 액세스 토큰은 단기 액세스 토큰이며 1 시간 동안만 유효합니다. 액세스 토큰을 업데이트하려면 업데이트를 클릭하십시오.

앱 리뷰 및 라이브 모드

앱을 라이브 모드로 전환하기 전에 앱 검수를 거쳐야 할 수 있습니다. 이 프로세스를 통해 귀하가 누구이며 귀하의 앱이 액세스할 데이터를 어떻게 사용할 것인지 확인할 수 있습니다.

원문: https://docs.ultimatemember.com/article/1363-social-login-instagram-app-setup-with-instagram-basic-display-api

코멘트 제출