매뉴얼

친절한 상담, 빠른 답변

견적문의, 기능상담 등 모든 궁금증을 해결해 드립니다.

Page : Home 고객지원 매뉴얼

총 12건, 1/2 페이지

[외부 API] 카카오톡 링크 연동 방법

최근 2014년 11월부터 카카오톡 링크 방식이 변경되었기때문에 아래와 같이 API 방식으로 변경해야 정상작동됩니다.

 

우선 카카오톡 링크를 사용하려면 API key 발급 및 등록을해야 하므로 아래 매뉴얼을 보고 선작업을 해주셔야 합니다.

 http://wdev.good-web.co.kr/bbs/faq/6743

 

API Key를 생성하고 관리자모드에 등록 했다면 아래와 같이 사용 하시면 됩니다.

원하는 페이지에 아래와 같이 버튼을 추가하세요.

 

 <a href="javascript:kakao_api_link()">카카오링크</a> 

 

아무런 옵션없이 단순 함수만 호출한는 경우 해당 페이지 주소와 Title 값을 기준으로 링크정보가 전달됩니다.

경우에 따라서 전달 메세지 및 이미지 추가, 접속 URL주소 변경이 필요한경우 아래와 같이 버튼을 추가하시면 됩니다.

 

 

 [사용방법]<a href="javascript:kakao_api_link('전달메세지','이미지경로','버튼이름','버튼클릭시 이동할 URL')">카카오링크</a>

 

[예시] <a href="javascript:kakao_api_link('좋은정보 소개해드립니다.','/img/icon_facebook.gif','추천사이트','/page/sub1')">카카오링크</a>

 

[출력 결과]

 

 

 

 <a href="javascript:kakao_api_link('안녕하세요','','눌러주세요.','/page/sub1')">카카오링크</a>

 

 

[출력 결과]

 

 

 

수고하셨습니다.

 

[외부 API] 큐피콘 API 연동 방법

1. http://www.qpcon.com/main/index.do  에서 업무 제휴 신청 하세요

(자세한 절차는 해당 업체에 문의 바랍니다.)

 

2. 홈페이지 관리자 모드로 로그인 후 [프로그램샵 > 프로그램 추가 설치] 에서  "쇼핑몰 결제 연동"을 설치 합니다.

 

 

 

3. [쇼핑몰관리 > 상품분류관리 > 분류1 관리]에서 큐피콘 상품을 받을 카테고리를 아래와 같이 생성 합니다.

 

 

4. [프로그램 SHOP > 프로그램 환경설정 > 쇼핑몰 결제 연동]에서 아래와 같이 큐피콘 사용여부와, 인증키를 입력하고, 카테고리를 선택 후 저장 합니다.

 

여기까지 작업 했다면 매일 자정에 큐피콘의 상품을 자동으로 가져오게 됩니다.

자정까지 기다릴수 없으므로 위 [상품DB가져오기]를 클릭 합니다.

실제로 상품을 정상적으로 잘 가져왔는지 확인해야 하므로 [쇼핑몰관리 > 상품분류관리 > 분류1 관리]에 가서 아래와 같이 새로운 큐피콘 상품분류가 생성되었는지 확인 하세요.

그리고 상품을 정상적으로 잘 가져왔는지 확인 하려면 [쇼핑몰관리 > 상품관리 > 상품등록관리]에서 확인 바랍니다.

 

 

5. 여기까지 작업 하셨다면 큐피콘에 연동작업을 마무리 하였다고 알려줘야 합니다.

그러면 큐피콘측에서 작업 검수 확인서를 보내게 되면 해당 게시글의 첨부파일대로 작성하셔서 회신해주세요.

회신 하실때 큐피콘에서 테스트 할수 있도록 테스트 계정 아이디와 패스워드도 같이 알려주셔야 합니다.

 

 

6. 최종 승인 후 실제 쇼핑몰에서 큐피콘 상품 구매시 해당 상품이 SMS로 전송되는지 확인 하시면 됩니다.

 

 

수고하셨습니다.

 

[외부 API] 가비아 동영상 호스팅 API 연동 방법

※ 굿웹에이전시 솔루션에서 자동 동영상 솔루션을 제공하고 있습니다.

※ 자체 동영상 솔루션 이용시 비인증 회원이 동영상을 볼수 없도록 보안처리 할수 있지만  가비아 동영상 API 사용시 이런 보안적용이 안되고 있으니 이점  유념하시기 바랍니다.

 


 

1. https://media.gabia.com/service 에서  동영상 호스팅을 신청 합니다.

 

2. https://admin.smartucc.kr/ 에서 로그인 합니다.

 

 

3. 로그인 후 [동영상 > 업로드]페이지로 가셔서 인코딩을 선택하세요.

여기를 선택하지 않는다면 모바일에서 재생되지 않으므로 반드시 [모바일/태블릿]을 선택하고 저장 하시기 바랍니다.

 

 

4.  [지원센터] 에서  [연동 환경 설정]을 클릭하면 접근가능한 도메인을 추가 할수 있도록 되어 있습니다.

접근 가능한 모든 도메인을 다 넣어주시기 바랍니다.

예를들어  domain.co.kr 을 사용한다면 아래와 같이 접근 가능한 모든 경우의 수를 다 입력해놓으시기 바랍니다.

- domain.co.kr

- www.domain.co.kr

- 계정아이디.마스터도메인

도메인 추가 하셨다면  UCC 인증키를 복사하세요.

 

 

 

5. 굿웹에이전시 솔루션 관리자모드로 로그인 후 [프로그램샵]으로 가셔서 "가비아 동영상 API"를 설치 합니다.

 

 

 

6. 가비아 동영상연동 모듈을 설치 하셨다면 [프로그램샵 > 프로그램 환경설정 > 가비아 동영상 설정]으로 이동 후 관련정보를 입력 합니다.

그리고 게시판에서 바로 동영상 파일을 첨부 할수 있도록 허용해주시기 바랍니다. (필요에 따라 설정하세요)

 

 

7. [컨텐츠관리 > 기본 컨텐츠 관리 > 가비아 동영상 파일관리]에 가시면 동영상파일을 등록 할수 있으며, 등록된 동영상의 소스보기가 가능 합니다.

 

등록된 동영상 마다 소스가 생성되므로 해당 소스를 홈페이지에 적당한 위치에 붙여 넣으시면 됩니다.

 

8.  게시판에서도 동영상 파일첨부가 가능 합니다.

설정 방법은  [커뮤니티 > 게시판 관리 > 게시판 관리]에서 "환경설정" 버튼을 클릭 합니다.

 

그리고 [시스템 환경설정 탭]에서 "동영상 파일첨부"를 선택 합니다.

 

이렇게 설정 후 홈페이지에서 확인해보시면, 아래와 같이 동영상 파일첨부가 가능해집니다.

 

 

 

 

 

수고하셨습니다. ^^

 

 

[외부 API] Daum 뉴스 송고 연동

Daum 뉴스 송고 연동을 사용하기 위해선 Daum 송고 제휴가 되어있어야 합니다.

제휴신청 바로가기 http://cp.news.search.daum.net/partner/guide_enterance

송고 가이드 바로가기 http://cp.news.search.daum.net/partner/guide_tech

 

제휴 신청이 완료된 후 [뉴스 및 기사 > 기사 관리 > 환경 설정] 에서 Daum 송고 연동 설정을 사용함으로 설정하면

 

 

 

[뉴스 및 기사 > 기사 관리 > 기사 목록] 에서 기사 등록폼에 Daum 송고 카테고리 항목이 활성화 됩니다.

 

 

해당 항목을 등록시에만 활성화 되며 수정 할 수 없습니다.

해당 항목을 변경 하시려면 삭제 후 새로 등록 해야합니다.

등록 후 기사 읽기 페이지 첫 로딩시 자동으로 송고 처리되며

송고되는 항목은 기자 이름, 기자 이메일, 작성일, 타이틀1, 타이틀2, 썸네일 이미지, 내용이 송고되며

내용 부분에는 html 테그가 제거된 텍스트만 전송됩니다.

[외부 API] 인스타 그램 연동 방법

* 인스타 그램에 가입이 되어 있어야 하며 자신이 올린 이미지만 가져올 수 있습니다.

* 도메인 등록이 되어있어야 정상적으로 사용할 수 있습니다.

 

1. 인스타그램 개발자 페이지에서 로그인 합니다. ( 인스타그램 바로가기 )

 

 

2. 상단에 Manage Clients 메뉴를 클릭하고 새로운 클라이언트를 생성하기 위해 Register a New Client 를 클릭합니다.

 

 

3. 항목에 맞게 데이터를 입력한 후 Register 버튼을 클릭합니다.

Application Name : 앱 이름으로 알맞게 넣어주세요.(필수)

Description : 간단한 설명글을 넣어주세요(필수)

Company Name : 업체명(선택)

Website URL : 관리자에서 등록한 도메인을 넣어주세요.(필수)

Valid redirect URIs : 도메인/API/instagram/redirect_uri.php 이 경로를 입력해 주세요.(필수)

Privacy Policy URL : 개인 정보 정책 페이지 경로(선택)

Contact email : 이메인 주소(선택)

 

 

4. 생성이 되었으면 해당 클라이언트 우측 MANAGE 버튼을 클릭하여 해당 클라이언트의 ID 와 Secert 정보를 확인합니다.

 

 

 

5. 확인한 Client ID와 Client Secret를 관리자 모드 [프로그램샵 > 프로그램 환경설정 > 외부 API 연동] 페이지에서

인스타그램 API 연동 설정 부분에 Client ID와 Client Secret 에 입력한 후 토큰 받기를 클릭합니다.

([프로그램샵 > 프로그램 환경설정 > 외부 API 연동] 페이지가 없을 경우 [프로그램샵 > 프로그램 SHOP > 프로그램 추가 설치] 페이지에서

관리프로그램 부분의 외부 API 연동을 선택 설치 하시기 바랍니다.)

토큰받기를 클릭하면 팝업창이 뜨며 인스타그램에 로그인이 되어 있지 않을 경우 사용자 확인을 위한 로그인 페이지가 출력되며

로그인 확인이 된 후 Client ID 와Client Secret 이 정상적으로 체크되면 저장되었다는 알림창이 뜨고 팝업창은 닫힙니다.

 

 

6. 관리자 페이지를 새로고침 하시면 토큰받기 버튼 부분에 전달받은 토큰값이 출력 됩니다.

 

 

7. 설정이 완료 되었으며 이미지 출력을 위한 그룹디자인을 생성 합니다.

[디자인관리 > 고급 디자인 관리 > 그룹디자인 관리] 페이지에서 우측 하단 프로그램 마법사 생성 버튼을 클릭합니다.

 

열린 팝업창에서 프로그램 종류 선택에서 기타를 선택 한 후 인스타그램을 설치하시면 인스타그램 출력용 그룹디자인이 생성됩니다.

 

그룹디자인에서 출력되는 변수는 해당 그룹디자인의 프로그램 메뉴얼을 참고 하셔서 수정하시면 됩니다.

 

[외부 API] [뉴스기사] 뉴스 기사 내용을 네이버 블로그에 등록 하기

1. 네이버에 회원가입을 하신 후 https://developers.naver.com/main 에서 상단메뉴 [Application - 애플리케이션 등록] 페이지에서 애플리케이션을 등록합니다.

 

 

2. 애플리케이션 이름과 카테고리를 적당히 입력 하시고 이용목적은 로그인 오픈 API로 체크 로그인 오픈 API 서비스 환경은 웹으로 체크 합니다.

[서비스 URL]에 사이트 도메인을 등록하시고 [Callback URL]에는 도메인/API/naver/blog_oauth_return.php 으로 등록합니다.

 

 

3. 애플리케이션 등록 후 등록한 애플리케이션 정보에서 [API 권한관리] 탭 페이지로 이동 후 [로그인 오픈 API] 부분에 [블로그 글쓰기]를 체크 합니다.

 

 

4. 애플리케이션 Client ID와 Client Secret 값을 [프로그램샵 > 프로그램 환경설정 > 외부 API 연동] 페이지의 네이버 로그인 API 연동 설정 부분에 등록합니다. Client Secret는 우측 보기 버튼을 클릭하면 확인 하실 수 있습니다.

 


[프로그램샵 > 프로그램 환경설정 > 외부 API 연동] 페이지

 

 

5. 설정이 완료되었으면 [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] - 뉴스 및 기사 - 기사 상세보기에서 블로그 링크를 추가 합니다.

<a href="{$naver_blog_post_url}">네이버 블로그 등록</a>


6. 사이트 상에서 해당 링크를 클릭하게 되면 네이버 로그인 팝업이 노출되고 로그인 후 등록 성공 여부가 출력이됩니다.

 

* 네이버 블로그에 등록되는 부분은 타이틀1, 본문 내용이며 본문 내용에 iframe, embed 등이 첨부되어 있을 경우 정상적으로 등록되지 않습니다.

[외부 API] 트위터 로그인 연동

1. https://apps.twitter.com/ 에서 회원가입 후 로그인 합니다.

그리고 중간에  "Create New App" 을 클릭 합니다.

 

 

 

2. 기본 정보 입력 하고, 도메인은 www.를 포함하여 전체 주소를 입력해주시기 바랍니다.

Callback URL은 http://www.도메인/API/twitter/callback.php  을 입력해주세요.

 

 

 

3. " Permission" 을 클릭 하고  "Read, Write and Access direct messages" 을 선택하고 저장 합니다.

 

  

 

 

만약 에러가 발생한다면 트위터 설정 및 개인정보에서 모바일 휴대폰 번호를 등록하면 정상적으로 업데이트가 진행될 것입니다.

 

 

 

4. 권한변경이 마무리되었다면 API Keys 메뉴로 이동하여 “Token actions” 의 Create my access token 버튼을 눌러줍니다.

 

  

 

 

5. "Keys and Access Tokens"탭을 클릭 하고 아래 키정보를 복사합니다. (Ctrl + C)

 

 

 

6. 굿웹에이전시 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다.  (자세한 설치방법은 굿웹에이전시 본사로 별도 문의 바랍니다.)

 

 

 

7. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 위에서 복사해두었던 API Key와 API Secret 정보를 붙여 넣습니다. (Ctrl + V)

 

 

여기까지 작업 했다면 연동 작업은 모두 마무리 되었습니다.

실제 로그인 페이지를 만들어 보겠습니다.

 

10. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

 

소스 수정 모드에서 아래와 같이 페이지북 로그인 버튼을 추가 합니다.

 

pc화면 팝업창으로 트위터 로그인 버튼

 

<a href="javascript:popup_window('/API/twitter/redirect.php?twitter_mode=login&twitter_popup_yn=1',700,600)" class="login-twitter" cond="$twitter_login_yn && !$mobile_conn_yn">트위터 로그인</a>

 

모바일 화면 트위터 로그인 버튼

<a href="/API/twitter/redirect.php?twitter_mode=login" class="login-twitter" cond="$twitter_login_yn && $mobile_conn_yn">트위터 로그인</a>

 

이렇게 해서 트위터 로그인 연동 작업이 마무리 되었습니다.

 

수고하셨습니다.

 

[외부 API] 페이스북 로그인 연동방법

우선 페이스북 연동하려면 도메인이 정상적으로 셋팅되어 있어야지만 정상작동 되므로 유념하시기 바랍니다.

 

 

1. https://developers.facebook.com/  에서 회원가입 후 우측 내앱에 마우스 커서를 가져가면 메뉴가 출력되며 "새 앱 추가"을 클릭 합니다.

 

 

 

2. 표시 이름(앱의 제목)과 이메일(자신의 이메일) 카테고리를 입력 후 앱 ID 만들기를 클릭합니다.

 

 

 

3. 제품 추가에서 Facebook 로그인 설정 버튼을 클릭합니다.

 

 

 

 

4. 왼쪽 메뉴 설정을 클릭합니다.

 

 

 

5. 앱 ID 와 앱 시크릿 코드 값을 복사해 놓으시고 이 후 솔루션 페이스북 외부 연동 설정에 입력 하시면 됩니다.

각 필요 정보들을 입력합니다.

앱 도메인에는 연동할 사이트의 도메인을 입력합니다.

주의 하실점은 도메인은 반드시 www 를 포함한 전체 주소를 입력하셔야 합니다.

만약 모바일웹이 따로 있다면 m.domain.com 을 추가 등록 하시기 바랍니다. 

그리고 반드시 [https 보안 서버] 를 지원하는 도메인만 사용 가능 합니다. (필수)

등록 후 아래 플랫폼 추가를 클릭합니다.

 

 

 

6. 플랫폼 선택에서 웹사이트를 선택합니다.

 

 

 

7. 도메인 주소를 입력해주세요. www 까지 포함해서 전체 주소를 입력해주셔야 합니다.

입력 후 우측 아래 변경내용 저장을 클릭합니다.

 

 

* 페이스북 API 버전이 업데이트(v2.12) 되면서 OAuth 리디렉션 URL 값이 필수로 들어가야 합니다.

왼쪽메뉴 Facebook 로그인 - 설정에서 유효한 OAuth 리디렉션 URL 값에

https://도메인/ssl/ssl_facebook_redirect.php 를 입력해 주세요. 리디렉션 URL값을 홈페이지 도메인 주소만 변경하시고 그대로 넣어주세요.

 

 

8. 왼쪽메뉴 앱 검수를 클릭합니다.

 

 

 

9. 앱 공개 여부를 "예"로 변경합니다.

만약 예로 변경할수 없다면 사유를 유심히 읽어보시기 바랍니다. (대부분 도메인 및 이메일주소가 없어서 비활성화 되는 경우가 많습니다.)

 

 

10. 굿웹에이전시 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다.  (자세한 설치방법은 굿웹에이전시 본사로 별도 문의 바랍니다.)

 

 

 

11. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 위에서 복사해두었던 앱 ID와 앱 시크릿 코드 정보를 붙여 넣습니다. (Ctrl + V)

 

 

여기까지 작업 했다면 연동 작업은 모두 마무리 되었습니다.

실제 로그인 페이지를 만들어 보겠습니다.

 

12. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

소스 수정 모드에서 아래와 같이 페이스북 로그인 버튼을 추가 합니다.

 

<a href="javascript:FaceBookLoginAPI()">페이스북 로그인</a>

 

 

페이스북 최신버전인 경우(OAuth 리디렉션 URI 값이 필수버전 - v2.12)

아래 버튼 소스를 추가해주세요.

 

<a href="javascript:NewFaceBookLoginAPI()">페이스북 로그인</a>

 

 

이렇게 해서 페이스북 로그인 연동 작업이 마무리 되었습니다.

 

수고하셨습니다.

[외부 API] 카카오 아이디 로그인 연동하는 방법

1. https://developers.kakao.com/ 으로 접속해서 회원가입 후 로그인 합니다.

 

2. 아래 화면에서 [내 애플리케이션]을 클릭 합니다.

 

 

3. 좌측메뉴에서 [앱만들기]를 클릭 합니다.

 

 

4. 앱이름과 회사명을 적당한걸로 입력하세요. 아이콘은 선택사항입니다. (상호 또는 홈페이지 이름)

 

 

4-1. 아이콘을 등록하지 않으면 아래와 같은 메시지가 나타나는데 계속 진행을 하시면 다음단계로 진행 할 수 있습니다.

 

5. 앱이름을 입력하고 나면 아래와 같인 API 키가 4개가 발급됩니다.

 

 

6. 키발급 후 좌측메뉴에서 일반을 클릭하고 플랫폼 추가를 클릭 합니다.

 

7. 아래와 같이 도메인주소를 등록 해주세요.

여기서 매우 중요한 부분 집고 넘어 가도록 하겠습니다.

카카오톡은 사이트 도메인주소가 정확한지 매번 검사하고 있습니다.

만약 카카오 톡에 http://내도메인.com 이라고 입력 하고, 실제 서비스 되는 홈페이지가 http://www.내도메인.com 인경우 카카오 API은 비인증 사이트로 보고 차단하게 됩니다.

이유는 간단합니다.

내도메인.com 와 www.내도메인.com은 엄연히 다른 도메인 주소로 간주하기 때문입니다.

이런경우 www있는 도메인과 없는 도메인 모두 다 등록 해줘야 합니다.

간혹 한사이트에 www.내도메인.comwww.내도메인.netwww.내도메인.co.krwww.내도메인.kr 여러개의 도메인을 설치한 경우 모든 도메인을 다 등록 해줘야 합니다.

[예시]

 

8. 웹플랫폼을 추가했다면 사용자관리에 가서 활성화를 해주시기 바랍니다.

 

8-1. 사용자 관리를 활성화 하면 아래와 같이 나오는데요  수집목적에는 "단순 로그인으로 이용" 이라고 기재를 하시고 저장을 하시면 됩니다.

 

 

8-2. 그리고 하단에 로그인 Redirect URI를 수정을 하시면 되는데요 현재는 http://www.도메인주소/oauth라고 되어있는데 /oauth를 /API/kakao/redirect.php로 변경을 해주시면 됩니다.

 

8-3. 아래와 같이 변경을 하시고 저장을 클릭해주시면 됩니다.

도메인을 여러개 등록을 하셨으면 등록하신 모든 도메인을 위와 같은 방법으로 동일하게 처리를 해주시기 바랍니다.

/API/kakao/redirect.php (띄어쓰기가 포함되지 않도록 정확하게 복사해서 붙여주세요.)

 

 

9. 굿웹에이전시 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다. (자세한 설치방법은 굿웹에이전시 본사로 별도 문의 바랍니다.)

 

 

 

10. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 카카오에서 발급되었던 key 4개를 모두 복사해서 붙여 넣습니다. (Ctrl + c , Ctrl + v)

 

 

여기까지 작업 했다면 API 연동 작업은 모두 마무리 되었습니다.

 

(만약 카카오 로그인은 필요 없고, 카카오 링크만 사용하려는 경우 여기까지만 작업하시면 됩니다.)

 

 

11. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

 

소스 수정 모드에서 아래와 같이 카카오 로그인 버튼을 추가 합니다.

 

 

<a href="javascript :kakao_login_form()" cond="!$app_conn_yn">[PC 및 모바일웹 전용] 카카오로그인</a><a href="javascript :app_kakao_login()" cond="$app_conn_yn">[APP 전용] 카카오로그인</a>

 

 

 

이렇게 해서 카카오 로그인 연동 작업이 마무리 되었습니다.

 

수고하셨습니다.

[외부 API] 네이버 아이디 로그인 연동하는 방법

1. 네이버에 로그인 후 https://developers.naver.com/apps/#/wizard/register에서 애플리케이션을 등록합니다.

애플리케이션을 등록하려면 휴대폰 인증과 회사이름을 작성하셔야 합니다.

 

 

 

2. 애플리케이션 등록란에서 (네아로 - 네이버 아이디로 로그인)을 선택하여 추가합니다.

 

 

 

추가 후 하단에 보시면 [환경 추가] 선택 박스가 있습니다. 해당 박스에서 PC웹, Mobile 웹을 선택하여 추가해 주세요.

서비스 URL에는 적용할 홈페이지의 도메인 주소를 적용해주세요.

서비스 url 및 도메인에 www가 누락되는 경우 정상적으로 적용이 되지 않으니,

도메인을 설치한 경우 반드시 www를 붙여서 등록해주세요.

오류가 가장 많이 발생하는 경우이니 반드시 등록한 도메인과 동일하게 기재를 해주세요.

Callback URL에는 적용할 홈페이지의 도메인주소와 /API/naver/login_exec.php를 이어서 적어주시면 됩니다.

마찬가지로 www가 포함된 도메인이라면 www를 붙여서 등록해주세요.

 

 

 

주의! 네이버 로그인 연동하려면 실제 홈페이지 주소와 위 사이트 URL과 동일해야만 정상 작동 됩니다.

 

굿웹에이전시 솔루션에서는 http://id.good-web.co.kr 해도 접속 되고 도메인을 설치한 경우 http://www.mydomain.com 등 메인을 추가 설치 할수 있습니다.

예를들어 위 키발급시 사이트URL에 http://www.mydomain.com 으로 발급하는경우, http://www.mydomain.com 에서만 네이버 로그인 연동이 가능하지만 http://id.good-web.co.kr 에서는 로그인 되지 않습니다.

CallBackURL은 http://자신의도메인/API/naver/login_exec.php 을 입력하시면 됩니다.

 

4. 등록이 완료되면 Application으로 이동하여 등록한 내 애플리케이션을 선택합니다. 개요란에 보시면 Client ID와 Client Cecret 키가 있습니다. 2개의 키를 작성해두시거나 복사해 주세요.

 

 

 

5. 굿웹에이전시 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다. (자세한 설치방법은 굿웹에이전시 본사로 별도 문의 바랍니다.)

 

 

6. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 위에서 복사해두었던 ClientID, ClientSecret 정보를 붙여 넣습니다. (Ctrl + V)

 

여기까지 작업 했다면 연동 작업은 모두 마무리 되었습니다.

실제 로그인 페이지를 만들어 보겠습니다. (마지막에 네이버 검수요청을 하셔야 됩니다. 하단에 정보를 확인 바랍니다.)

 

 

5. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

소스 수정 모드에서 아래와 같이 네이버 로그인 버튼을 추가 합니다.

이때 임의로 로그인 버튼디자인을 수정하게 되면 네이버 규정상 승인 거절이 될 수 있으므로, 반드시 네이버 BI 디자인 그대로 사용할 것을 권장합니다.

 

<a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_g_a_login.PNG' width=120 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_g_a_logout.PNG' width=120 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_g_b_login.PNG' width=70 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_g_c_login.PNG' width=200 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_w_a_login.PNG' width=120 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_w_a_logout.PNG' width=120 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_w_b_login.PNG' width=70 border=0></a><a href="javascript :naver_login_form()"><img src='/API/naver/img/naver_w_c_login.PNG' width=200 border=0></a>

 

   

   

 

++ 네이버 검수요청 방법 ++

 

네이버 버튼을 삽입한 후 검수 정보를 제출해야하는데요.

검수에 앞서 테스트 아이디를 등록을 하셔야 됩니다.

 

 

멤버관리에 접속을 하신뒤 테스트 아이디를 등록을 합니다. 이 아이디를 가지고 네이버 검수요청을 하시면 됩니다.

 

Application > 네아로 검수상태 페이지로 접속합니다.

 

 

1. 검수요청 가이드 부분에 체크를 합니다.

2. 제공 정보처 확인 부분에는 네이버 로그인 후 회원정보 수정 페이지를 캡쳐를 해서 올려주시면 됩니다.

위의 이미지는 개인정보라 블러처리를 했지만 실질적으로는 화면 그대로 캡쳐를 해서 올려주시면 됩니다.

 

  

 

서비스 적용 형태 확인 부분에는 단순 로그인 인증에 적용이라고 체크를 하시고  파일을 캡쳐를 해주셔야 되는데요

파일캡쳐부분은 아래 이미지처럼 캡쳐를 해서 올려주시면 됩니다.

그리고 추가 제출 서류 확인에는 없음으로 하고 하단에 검수요청을 하시면 됩니다.

검수기간은 대체적으로 1~2일정도 소요가 됩니다.

 

1. 네이버로그인 버튼이 적용된 화면 + 로그인버튼시 팝업

아래 이미지 처럼 로그인 페이지에서 네이버로그인 버튼 과 해당 버튼을 클릭했을때 팝업되는 창이 같이 나오도록 캡쳐합니다.

 

2. 로그인 시 개인정보 동의 화면 캡쳐

 

 

3. 동의 후 홈페이지 > 마이페이지의 회원정보 수정 화면

 

 

 

 

만약 아래와 같이 접근이 안되는경우 아래 사항을 점검 바랍니다.

 

1. 등록된 도메인 주소와 실제운영중인 도메인주소가 다른경우
예를들어 네이버에 등록된 주소가 http://abcd.good-web.co.kr 이고 실제 운영되는 사이트 주소가 http://www.mydomain.com 이라면 안됩니다. 그리고 띄어쓰기 및 대문자가 들어가면 되므로,

신경써서 입력하시기 바랍니다.

 

2. 이미지 첨부시 사이즈가 140px * 140px , 용량 500k 이하로 첨부해야 합니다. 그렇지 않은경우 위와 같이 이용 제한 페이지가 출력 됩니다.

 

3. 휴대폰 인증을 하지 않은경우

 

그래도 안된다면, 해당 애플리케이션을 삭제 후 다시 처음부터 시도해보시기 바랍니다.

 

 

수고하셨습니다.