social login 설정

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on print
Print

회원가입을 받는 웹 서비스에서 고객이 facebook이나 naver나 kakao 계정 정보를 사용해서 회원을 가입하고, 로그인을 할 수 있다면 서비스 확산에 도움이 될 거다.

아래는 social login plugin을 적용하면서 겪은 삽질들을 정리했다.


1. 작업 환경

Local 개발환경은 다음과 같다.

서비스 운영환경은 다음과 같다.

  • Cafe24 웹호스팅 : 10G 광아우토반 FullSSD 일반형
  • PHP7.0, mariadb-10.0.x

워드프레스 버전은 최신버전인 5.2.2이다.


2. Social Login 플러그인 선택

WordPress Social Login 플러그인은 업데이트 된지 2년 이상 지난 관리 되지 않고 있는 플러그인이다.

워드프레스 4.7 버전까지 테스트 되고, 업데이트된지 2년 넘은 플러그인

그런데 ‘워드프레스 소셜 로그인’으로 검색하면 가장 많이 검색되는 플러그인 중 하나이며, 엠샵멤버스 플러그인에서도 소셜로그인 기능에 위 wordpress social login 플러그인을 사용하라고 설명이 되어 있다. 1

그래서 나도 wordpress social login 플러그인을 선택했다.

남들이 많이 쓰는 플러그인이면, 문서를 찾기도 쉽고 나중에 문제 생기면 버그 픽스 구하기도 용이할 것으로 기대하면서 말이다.


3. WordPress Social Login 플러그인 설정하기

wordpress social login 플러그인에 설정해야 할 부분은 매우 간단하다. 그리고 훌륭하게 정리된 문서들이 많아 링크로 대체한다.

참조문서 : https://puripia.com/9948/쇼핑-경험-개선-소셜-로그인으로-회원가입-활성화하/

1) WordPress Social Login 플러그인 설치하기 (개발자 Miled)

2) wsl-login-extends-naver 플러그인 설치하기

위의 wordpress social login 플러그인을 설치하기만 해도 Kakao, Naver 설정 탭이 자동으로 추가되어 있다. 원래 기본으로 들어있는 건지, 아니면 엠샵 멤버스 시즌2 플러그인에서 추가한건지는 잘 모르겠다.

그런데 Naver, Kakao 아이디로 로그인을 아무리 설정해도 제대로 동작하지 않고 계속 에러가 나온다. 결국 위 참조문서의 설명대로 wsl-login-extends-naver 플러그인을 추가로 설치해야 한다.

3) Naver, Kakao, Facebook에 각각 Social Login 설정하기

위 참조문서 외에도 Social Login 설정 관련하여 참고할 만한 문서가 많이 있다.

4) WordPress Social Login 플러그인 설정하기 (설정 > wordpress social login > Networks)


4. Trouble Shooting

1) Facebook : user_friends 이슈

아래 문서 참고하여 해결

https://puripia.com/9948/쇼핑-경험-개선-소셜-로그인으로-회원가입-활성화하/

https://wordpress.org/support/topic/wordpress-social-login-cantt-work-invalid-scope-user_friends/

2) Facebook : Notice: Undefined offset: 1 in lib/internal/Mageplazza/SocialLogin/Facebook/Http/GraphRawResponse.php on line 108 에러

https://github.com/mageplaza/magento-2-social-login/issues/129

3) https://서비스주소/wp-content/plugins/wordpress-social-login/hybridauth/?hauth.start=Facebook&hauth.time=1529507365 에서 멈추는 문제

개발환경에서 잘 동작해서 실 운영환경으로 옮긴 뒤 겪은 문제이다.

비슷한 증상을 겪는 사람들

이 문제를 해결해보려고 삽질을 한참했는데, 문제의 원인과 해결책은 의외로 간단했다.

원인은 Cafe24 웹호스팅에서 워드프레스 프로그램 설치 기능을 사용하면 php 안티웹셀 설정이 자동으로 설정된다.

안티웹셀 설정에 들어가면 php 안티웹셀에서 차단시킨 social login 시도들을 확인할 수 있다.

php 안티웹셀 사용안함으로 설정하면 문제 해결됨

Footnotes

  1. 코스모스팜의 경우 회원관리 플러그인에서 소셜 로그인 기능을 short code 형태로 사용할 수 있게 제공하고 있다고 한다. https://blog.cosmosfarm.com/archives/826/워드프레스-소셜-로그인-설정-방법-정리/

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다

  • 카테고리

  • Count per Day

    • 318This post:
    • 106608Total reads:
    • 60707Total visitors:
    • 23Reads today:
    • 23Visitors today:
    • 2019년 3월 10일Counter starts on: