홈페이지 제작 전문, 핏소프트

SNS 로그인 설정 방법 - 구글 본문

홈페이지 제작/매뉴얼

SNS 로그인 설정 방법 - 구글

진니지니 2022. 2. 8. 14:45
SNS 로그인 설정 방법 - 구글
 
 

 


 

좌측 메뉴의 '홈 > 대시보드 > 프로젝트 만들기'를 클릭합니다.

 

 


 

'프로젝트 이름'을 입력하고 만들기 버튼을 클릭해 새 프로젝트를 생성합니다.

 

 


 

좌측 메뉴의 'API 및 서비스 > OAuth 동의 화면'을 클릭합니다.

 

 


 

User Type은 '외부'를 선택하고 만들기 버튼을 클릭합니다.

 

 


 

어플리케이션 이름, 승인된 도메인 등의 정보를 입력 후 저장을 클릭합니다.

1) 애플리케이션 홈페이지 : '승인된 도메인'에 등록한 도메인

2) 개인정보처리방침 링크 : 홈페이지의 개인정보처리방침 페이지 링크

※ 승인된 도메인값 입력 시, 프로토콜(http:// 또는 https://)을 지정해서는 안되며, 경로(test.com/)를 포함할 수 없습니다.

 

 


 

새 프로젝트가 생성되면 '사용자 인증 정보 > 사용자 인증 정보 만들기 > OAuth 클라이언트 ID'를 선택합니다.

 

 


 

어플리케이션 유형, 승인된 자바스크립트 원본 등의 정보를 입력 후 저장을 클릭합니다.

1) 애플리케이션 유형 : '웹 애플리케이션'을 선택합니다.

2) 이름 : OAuth 클라이언트 ID의 이름을 입력합니다.

3) 승인된 자바스크립트 원본 : PC와 모바일 홈페이지 도메인 주소를 입력합니다.

4) 승인된 리디렉션 URI : PC와 모바일 홈페이지 도메인 주소 뒤에 아래 예시와 같이 상세 경로를 입력해주세요.

 

예시)

예시 외에 네이버 로그인을 사용하는 2차 도메인이 존재할 경우 모든 도메인을 다중으로 입력합니다.

(2차 도메인: 대표도메인, 서브도메인, 모바일도메인 등)

                                             1) 승인된 자바스크립트 원본

                                             PC

                                             - http://fitsoft.com

                                             - http://www.fitsoft.com

                                             - https://fitsoft.com

                                             - https://www.fitsoft.com

                                             모바일

                                             - http://m.fitsoft.com

                                             - https://m.fitsoft.com

                                             2) 승인된 리디렉션 URI

                                             PC

                                             - http://fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

                                             - http://www.fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

                                             - https://www.fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

                                             - https://fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

                                             모바일

                                             - http://m.fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

                                             - https://m.fitsoft.com/Api/Member/Oauth2ClientCallback/googleplus/

 

 


 

'사용자 인증 정보'에서 생성된 클라이언트 ID보안 비밀번호를 담당자에게 전달합니다.

 

 


 

좌측 메뉴의 '사용자 인증 정보 > 사용자 인증 정보 만들기 > API 키'를 클릭합니다.

 

 


 

생성된 API 키를 담당자에게 전달합니다.

 

이 외의 과정 진행 중 궁금한 사항이나 어려움이 있는 부분은 담당자에게 연락해주시면 됩니다 😊

감사합니다.

Comments