워드프레스, 고도몰 페이스북 간편로그인 회원가입 App iD, App Secret 설정 방법

워드프레스 및 고도몰 회원가입시 페이스북 로그정보로 가입할 경우 App ID, App Secret를 얻는 법과 설정하는 법을 알아볼께요. 워드프레스는 비교적 간단해서 고도몰을 기준으로 설명할께요.

또한 유효한 OAuth 리디렉션 URI 웹사이트 및 모바일에서 오류 있으신분들은 많은 도움이 되셨으면 좋겠습니다.^^

고도몰 > 쇼핑몰 > 플러스 샵 > 앱리스트 > 간편로그인 구입

설정관리 및 설치 진행, 설치안내를 참조하여 코딩 수정을 마친다.
플러스샵 바로가기 > http://plus.godo.co.kr/goods/list.gd

고도몰 쇼핑몰 관리자 > 회원 > 페이스북 아이디 로그인
* 고도몰에서 앱 구매를 완료하면 페이스북 아이디 로그인 메뉴가 활성화 되어 나타납니다.
페이스북 아이디 로그인 메뉴 > 사용함에 체크하면 App ID와 App Secret 입력란이 활성화되고, 키를 얻기 위해서 페이스북 Developers로 로그인을 해야한다.

페이스북 Developers에 로그인 하기 > 새 앱 추가

페이스북 Developers : https://developers.facebook.com

쇼핑몰이름과 연락처 메일을 입력을 마칩니다.

제품 추가 > Facebook 로그인을 추가 > 설정을 하고 웹을 선택한다.
웹 추가하는 방법 1

설정 > 기본 설정 > 플랫폼 > 웹사이트를 추가하셔도됩니다.
웹 추가하는 방법 2

웹사이트 URL 입력

1. URL을 입력하고 2. 3. 4. 5 항목은 무시한다.(쇼핑몰에 코딩은 이미 탑재됨)

사이트 URL이 등록 완료

개인정보처리방침 URL, 서비스 약관 URL, 카테고리도 설정해주세요. 

사이트 URL 등록 완료

App ID와(앱 ID) App Secret (앱 시크릿 코드)를 고도몰에서 입력합니다.

페이스북 간편로그인 성공!!

페이스북으로 로그인 !!

 "차단된 URL: 리디렉션 URI가 앱의 클라이언트 OAuth 설정의 화이트리스트에 없으므로 리디렉션하지 못했습니다. 클라이언트 및 웹 OAuth 로그인이 설정되었는지 확인하고 모든 앱 도메인을 유효한 OAuth 리디렉션 URI로 추가하세요." 에러 메시지가 뜰 경우에는 아래와 같이 조치해주세요.

*유효한 OAuth 리디렉션 URI에 도메인 주소를 입력 하거나, 모바일 URL도 아래와 같이 추가 해주면 문제를 해결할 수 있습니다.