카카오로그인을 이용한 가입, 로그인 프로세스 보완

2018-03-18 04:12:37 +09:00
parent be7df8adac
commit b52bd4e4e2
11 changed files with 298 additions and 26 deletions
@@ -7,9 +7,86 @@ require('conf.php');
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>카카오 로그인하기</title>
+    <script src="../e_lib/jquery-3.2.1.min.js"></script>
+<script>
+
+var oauthMode = null;
+
+function getOAuthToken(mode='login', scope_list = null){
+    oauthMode = mode;
+    var url = 'https://kauth.kakao.com/oauth/authorize?client_id=<?=KakaoKey::REST_KEY?>&redirect_uri=<?=KakaoKey::REDIRECT_URI?>&response_type=code';
+    if(Array.isArray(scope_list)){
+        url += '&scope='+scope_list.join(',');
+    }
+    else if(typeof scope_list === 'string' || scope_list instanceof String){
+        url += '&scope='+scope_list;
+    }
+
+    window.open(url,"KakaoAccountLogin","width=600,height=450");
+
+}
+
+function sendTempPasswordToKakaoTalk(retry=false){
+    $.post({
+        url:'j_change_pw.php',
+        dataType:'json'
+    }).then(function(obj){
+        if (!obj.result && retry) {
+            getOAuthToken('change_pw', 'talk_message');
+        }
+        else if(!obj.result){
+            alert(obj.reason);
+        }
+        else{
+            alert('임시 비밀번호가 카카오톡으로 전송되었습니다.');
+        }
+    });
+}
+
+function doLoginUsingOAuth(retry=false){
+    $.post({
+        url:'j_login_oauth.php',
+        dataType:'json'
+    }).then(function(obj){
+        if(!obj.result){
+            if(obj.noRetry || !retry){
+                alert(obj.reason);
+            }
+            else{
+                getOAuthToken();
+            }
+        }
+        else{
+            window.location.href = '../';
+        }
+    });
+}
+
+function postOAuthResult(result){
+    if(result == 'join'){
+        window.location.href = 'join.php';
+    }
+    else if(result == 'login'){
+        console.log('로그인모드');
+        if(oauthMode=='change_pw'){
+            sendTempPasswordToKakaoTalk();
+        }
+    }
+    else{
+        alert('예외 발생!');
+    }
+}
+
+
+
+</script>
 </head>
 <body>
    
-    <a href="https://kauth.kakao.com/oauth/authorize?client_id=<?=KakaoKey::REST_KEY?>&redirect_uri=<?=KakaoKey::REDIRECT_URI?>&response_type=code"><img src="kakao_btn.png"></a>
+    <a href="javascript:doLoginUsingOAuth(true);"><img src="kakao_btn.png"></a><br>
+<br>
+    비밀번호 찾기<br>
+    <a href="javascript:sendTempPasswordToKakaoTalk(true);"><img src="kakao_to_me.png"></a>
+<input type='hidden' name="login_mode" id="login_mode">
 </body>
 </html>