네이버 오픈 api에서 제공하는 네이버 아이디로 로그인하기 기능을 

스냅아이북 서비스에 ​적용했습니다.

이전에는 페이스북이나 트위터 등 sns 계정으로 

로그인 할 수 있었습니다.

추가로 네이버 아이디로 로그인하기를 서비스에 적용하게된 이유는 

서비스의 주요고객이 주로 네이버를 사용한다는 사실때문입니다.

적용하고 보니 저 또한 네이버가 왠지 익숙하고 편한 느낌이 드네요.

고객의 편의를 위해 적용하길 잘 했다는 생각이 드네요.

네이버에 따르면 네이버로 로그인 하기 기능은

다음과 같은 장점을 가지고 있다고 합니다.

1. 번거로운 가입 없이도 네이버 회원이 여러분의 회원이 될 수 있습니다.

3. 아이디 / 비밀번호 분실 등 회원관리를 위한 인증비용이 들지 않습니다. 

그럼 이제 우리의 서비스에 적용하기 위한 방법을 알아보겠습니다.

1. 이용신청 (바로가기)

이용신청은 페이스북의 앱만들기와 같다고 보시면 됩니다.

네이버로 로그인하기 기능을 적용할 앱 혹은 웹서비스를 등록합니다.

​

아쉽게도 이용신청을 하고 바로 사용할 수는 없습니다.

수일내로 네이버에서 이용승인 메일이 오면 그 때부터 사용 할 수 있습니다.

지금은(2015.01.09) 승인없이 개발자테스트를 할 수 있어 정정합니다.

2. 개발하기

php 코드

//상태토큰생성

function generate_state(){

$mt = microtime();

$rand = mt_rand();

return md5($mt . $rand);

} 

javascript 코드

//로그인 팝업띄우기

function naverlogin(){

url = "https://nid.naver.com/oauth2.0/authorize?client_id=앱의클라이언트아이디&response_type=code&redirect_uri=로그인후경로&state=상태토큰";

popWindow(url, "winZip", 500, 500, "no");

} 

//네이버로그인후처리

function naverloginprocess(){

$state = $this->input->get_post("state");

$code = $this->input->get_post("code");

//엑세스토큰발급

$this->load->library('curl'); 

$this->curl->create("https://nid.naver.com/oauth2.0/token?client_id=앱의클라이언트아이디&client_secret=앱의클라이언트시크릿&grant_type=authorization_code&state=".$state."&code=".$code."");

$this->curl->execute(); 

$arrResult = $this->curl->lastResponseRaw();

$arrResult = json_decode($arrResult, true);

if(isset($arrResult["error"])){

  echo "로그인에러";

}else{

  //사용자정보조회

  $this->curl->create("https://apis.naver.com/nidlogin/nid/getUserProfile.xml");

  $headers = array("Authorization"=>"Bearer ".$arrResult["access_token"]);

  $this->curl->http_header("Authorization", "Bearer ".$arrResult["access_token"]);

  $this->curl->execute(); 

  $arrResult = $this->curl->lastResponseRaw();

  $this->load->library('simplexml');

  $xmlData = $this->simplexml->xml_parse($arrResult);

  if($xmlData["result"]["resultcode"]!="00"){

   echo "로그인에러";

  }else{ 

    $email = $xmlData["response"]["email"];

   $nickname = $xmlData["response"]["nickname"];

   $enc_id = $xmlData["response"]["enc_id"];

   $profile_image = $xmlData["response"]["profile_image"];

   $age = $xmlData["response"]["age"];

   $birthday = $xmlData["response"]["birthday"];

   $gender = $xmlData["response"]["gender"];

  }

}

}

3. 적용하기

개발이 완료 되었으면 

네이버 아이디로 로그인 버튼을 서비스에 적용합니다.

로그인버튼등은 네이버 BI 가이드를 반드시 준수해야합니다.

가이드에서 제공하는 파일을 다운받아 알맞는 이미지를 사용하면 됩니다.

네이버 BI 가이드 바로가기

로그인 후 회원일련번호 / 프로필 이미지 / 이메일주소를 

이용해서 마이페이지를 구성 할 수 있습니다.

지금까지 네이버 아이디로 로그인 하기 기능에 대해 살펴봤습니다.

앞서 네이버에서 말한 장점에 더하여

네이버 캘린더나 메일등 개인화 서비스에 대한 api를 

지속적으로 개방해주시기 바랍니다.