페이스북로그인연동
2. 회사 또는 대표자 페이스북 아이디로 로그인합니다.(개인 또는 직원 페이스북 아이디로 작업 할 경우, 추후 재작업해야하는 문제가 발생 할 수 있습니다.)
3. 로그인을 완료하면 개발자 사이트 메인페이지로 돌아옵니다. 로그인 버튼이 있던 자리에 앱만들기 버튼이 생성됩니다. 클릭합니다.
4. 해당 버튼을 클릭 할 경우, 새 앱 ID 만들기 팝업창이 뜹니다. 표시이름과 연락처 이메일 항목을 작성하고 앱 ID 만들기 버튼을 클릭합니다.
5. 해당 버튼을 클릭 할 경우, 해당 페이지로 이동됩니다. 왼쪽 상단부분에 대시보드 메뉴를 클릭합니다.
6. 대시보드 페이지로 이동하면 생성된 앱 ID와 앱 시크릿 코드를 확인 할 수 있습니다. 앱 시크릿 코드는 오른쪽 보기 버튼을 클릭하고 비밀번호를 입력하면 확인 할 수 있습니다.
아래 Facebook SDK 시작하기탭에서 플랫폼 선택 버튼을 클릭합니다.
※ 'Facebook SDK 시작하기'가 표시되지않을 경우, 좌측메뉴-설정-기본설정 들어가시면 플랫폼 추가라고 나옵니다. 동일 기능입니다.
7. 플랫폼 선택 버튼을 클릭하면 플랫폼 선택 팝업창이 뜨며 연동하려는 플랫폼을 선택합니다. PC 홈페이지의 경우 웹사이트를 선택합니다.
어플까지 제작 된 경우에는 이 단계 작업 이후에 IOS, Android를 추가해주시면 됩니다.
8. 플랫폼 선택 후 Quick Start for 웹사이트 페이지가 나오며 하단의 Tell us about your website탭의 Site URL항목에 본인 사이트 URL을 입력하고 Next버튼을 클릭합니다.
URL이 저장되면 해당 페이지 상단 오른쪽 내 앱▼ 버튼을 클릭하여 방금 만든 앱 이름을 선택합니다.
9. 왼쪽 상단메뉴의 설정메뉴를 클릭합니다. 설정-기본설정페이지에서 하단부분에 웹사이트 항목-사이트 URL이 저장되었는지 확인합니다.
저장 되었을 경우, 상단에 앱 ID와 앱 시크릿 코드를 복사합니다.
저장 되어있지 않을 경우, 하단에 플랫폼 추가로 다시 본인 사이트 URL을 저장합니다.
10. 왼쪽메뉴에서 앱 검수 메뉴를 선택하고, 앱 공개여부를 라이브 상태로 변경합니다.
11. 왼쪽메뉴에서 Facebook 로그인 메뉴를 선택합니다.
[리디렉션 URl에 Strict 모드 사용]을 아니오로 설정합니다.
[유효한 OAuth 리디렉션 URl] 에 홈페이지 주소를 써주시면 됩니다.
12. 어플까지 제작 된 경우에는 해당 페이지에서 플랫폼 추가로 IOS, Android를 추가해주시면 됩니다.
13. 복사한 앱 ID와 앱 시크릿 코드를 본인 사이트-관리자모드-환경설정-사이트정보관리-외부로그인관리 페이지에 접속하여 입력해줍니다.
14. 페이스북 로그인 연동이 잘 적용되었다면 해당 사이트-로그인페이지-로그인 항목 하단부분에 다른 정보로 로그인하기 항목이 표시되며 페이스북 로그인버튼이 생성됩니다.
페이스북 로그인버튼을 클릭하여 회원가입을 시도를 해보시고 회원가입에 성공하셨다면 해당 작업은 성공적으로 마무리 된 것입니다.
문제가 발생했을 경우 1번부터 차근차근히 다시 시도해보시기 바랍니다.
이상입니다. 수고하셨습니다.
페이스북로그인연동
