49일차 - 페이스북 로그인, 인스타그램 연동하기

내 서비스에서 페이스북 로그인하기

https://developers.facebook.com/

Meta for Developers

페이스북 아이디로 로그인 후 연결(?)하면 우측 상단에 '내 앱' 카테고리가 나타난다.

  

 

내 앱 > 앱 만들기 > 앱 유형 선택(소비자) > 앱 이름과 이메일 입력 후 '앱 만들기' 클릭

앱에 제품 추가 - Facebook 로그인 '설정' 버튼 클릭 > 좌측 메뉴의 Facebook 로그인 - 설정 > 유효한 OAuth 리다이렉션 URI 입력 후 '변경 내용 저장' 클릭

* 페이스북은 기본적으로 https만 허용

좌측 메뉴의 설정 - 기본 설정 > 클라이언트 ID 및 비밀번호 확인 후 내 서비스에 적용

 

---

내 서비스에서 인스타그램 연동하기

- 위에서 등록한 앱 클릭 > 앱에 제품 추가 - Instagram Basic Display '설정' 버튼 클릭 > 새 앱 만들기 > '표시 이름' 입력 후 '앱 만들기' 버튼 클릭 후 아래와 같이 설정한다.

  

1. 클라이언트 ID 및 비밀번호 확인 후 내 서비스에 적용

2. 유효한 OAuth 리디렉션 URI & 콜백 URL 승인 취소 & 데이터 삭제 요청 URL 입력

3. Instagram 기본 표시의 앱 검수 - instagram_graph_user_profile & instagram_graph_user_media '제출에 추가' 클릭 후 '변경 내용 저장' 클릭

4. 사용자 토큰 생성기 - Add or Remove Instagram Testers > Instagram 테스터 - Instagram 테스터 추가 > 내 인스타그램 아이디 입력 후 제출

 

- 인스타그램 로그인 후 Edit profile > Apps and Websites > Tester Invites > Accept

  

---

강사님이 정리해주신 자료 보면서 호다닥 진행하느라 스크린샷을 못 찍었다...

그래도 다른 서비스 로그인 기능 적용했을 때와 비교하면 아무 오류없이 적용이 잘 되어 다행이다.