Home소셜 로그인WordPress Social Login페이스북 소셜 로그인

페이스북 소셜 로그인

본 문서는 ‘WordPress Social Login – 페이스북 소셜 로그인‘ 관련 내용을 담고 있습니다.


페이스북(Facebook) 연동시키기

1. WordPress Social Login 설정화면 Facebook 섹션에서 (1)번의 “Where do i get this info?“를 클릭하면 아래에서 Application ID와 Application Secret 정보를 얻을 수 있는 자세한 API 설정 순서를 볼 수 있습니다.

스크린샷 2018-08-23 오전 11.07.48-1

 

2. 위 사진의 (2)번에 나와있는 “http://developers.facebook.com/apps” 링크로 이동하면 다음과 같은 화면이 나옵니다.

스크린샷 2018-08-23 오전 11.08.12

 

3. 새 앱 추가를 누르면 다음과 같은 창이 나타나는데 만드시려는 앱의 이름을 입력하시고 만들기 버튼을 클릭합니다.

스크린샷 2018-08-23 오전 11.08.30

 

4. 보안 확인을 체크해줍니다.

스크린샷 2018-08-23 오전 11.08.41

 

5. Facebook 로그인 설정을 누릅니다.

스크린샷 2018-08-23 오전 11.08.51

 

6. 소셜 로그인을 이용하시려는 플랫폼을 설정합니다. 사이트에 적용하려면 웹을 클릭합니다.
스크린샷 2018-08-23 오전 11.23.22

 

7. 사이트 URL 항목에 소셜로그인을 적용할 사이트 주소를 입력합니다.

(ex. https://www.codemshop.com)

스크린샷 2018-08-23 오전 11.23.26

 

8. 설정을 클릭 후 https 주소를 입력해줍니다. 2018년도부터 반드시 입력해야할 항목입니다. 만약 https 주소가 없으시다면 서버에 SSL 인증서를 설치하고 https 주소를 입력해주세요. 해당 주소는 여러개 입력이 가능합니다. 스크린샷 2018-08-23 오후 5.49.01
– 플러그인의 위의 부분에 해당하는 주소 2개와 사이트 주소까지 총 3개를 (2)번에 입력해주셔야합니다.

스크린샷 2018-08-23 오전 11.24.21

 

9. 설정 -> 기본설정 에서 이름과 연락처 이메일이 본인의 것으로 등록되어있는지 확인합니다. 그리고 개인 정보처리방침이 있는 곳의 주소와 서비스 약관이 있는 주소를 입력합니다.

스크린샷 2018-08-23 오전 11.08.57-2

 

10. 보기를 눌러 앱 시크릿 코드를 보이게 한 후 ID와 시크릿 코드를 복사합니다.

스크린샷 2018-08-23 오전 11.08.57

 

11. 아이디와 시크릿 코드를 붙여넣고 저장 합니다.

스크린샷 2018-08-23 오전 11.07.48

 

12. 여기까지 설정이 다 되셨으면 [ㅇㅇㅇ 앱을 공개하시겠어요?] 버튼을 [예]로 바꾸신 후 위의 해제 버튼을 클릭합니다. 만약 해제가 안되신다면 URL이 정확하게 입력되었는지 확인하셔야합니다.

스크린샷 2018-08-23 오후 12.38.29

Was this article helpful to you? Yes 1 No