mkdir kakao-login
cd kakao-login

PHP는 별도로 필요한 작업이 없습니다.

PHP는 추가 패키지 설치 없이 실행 가능합니다.

.
├── api.php # Kakao API 호출을 처리하는 PHP 스크립트
├── index.html # 메인 HTML 파일
└── README.md # 프로젝트 설명 파일

// api.php

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type');

// 로그인 상태 유지를 위한 세션 시작
session_start();

// api.php
// 이전 단계에서 입력한 코드
//   :

$client_id = '6f95e7e3146********';       // 내 앱의 REST API 키로 변경 필수
$client_secret = ' this is client secret key ';
$domain = 'http://localhost:4000';
$redirect_uri = $domain . '/api.php?action=redirect';
$kauth_host = 'https://kauth.kakao.com';  // 액세스 토큰 요청을 보낼 카카오 인증 서버 주소
$kapi_host = 'https://kapi.kakao.com';    // 카카오 API 호출 서버 주소

// API 요청 함수 정의
function call($method, $uri, $params = [], $headers = []) {
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $uri);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    
    if ($method === 'POST') {
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, !empty($params) ? http_build_query($params) : '');
    }
    
    if (!empty($headers)) {
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    }
    
    $response = curl_exec($ch);
    curl_close($ch);
    
    return json_decode($response, true);
}

$action = $_GET['action'] ?? '';

// api.php
// 이전 단계에서 입력한 코드 
// :  

// 카카오 인증 서버로 인가 코드 발급 요청
switch ($action) {
    case 'authorize':
        // 선택: 사용자에게 추가 동의를 요청하는 경우, scope 값으로 동의항목 ID를 전달
        // 친구 목록, 메시지 전송 등 접근권한 요청 가능
        // (예: /api.php?action=authorize&scope=friends,talk_message)
        $scope = $_GET['scope'] ?? '';
        $scopeParam = $scope ? "&scope=" . urlencode($scope) : "";

        // 카카오 인증 서버로 리다이렉트
        // 사용자 동의 후 리다이렉트 URI로 인가 코드가 전달
        header("Location: {$kauth_host}/oauth/authorize?client_id={$client_id}&redirect_uri={$redirect_uri}&response_type=code{$scopeParam}");
        exit;
}

// api.php
// :  
// switch ($action) { 
// 이전 단계에서 입력한 코드 

    // 카카오 인증 서버에서 전달받은 인가 코드로 액세스 토큰 발급 요청
    case 'redirect':
        // 인가 코드 발급 요청에 필요한 파라미터 구성
        $params = [
            'grant_type' => 'authorization_code',  // 인증 방식 고정값
            'client_id' => $client_id,             // 내 앱의 REST API 키
            'redirect_uri' => $redirect_uri,       // 등록된 리다이렉트 URI
            'client_secret' => $client_secret,     // 선택: 클라이언트 시크릿 사용 시 추가
            'code' => $_GET['code']                // 전달받은 인가 코드
        ];

        // API 요청 헤더 설정
        $headers = ['Content-Type: application/x-www-form-urlencoded'];

        // 카카오 인증 서버에 액세스 토큰 요청
        $response = call('POST', $kauth_host."/oauth/token", $params, $headers);
        echo json_encode($response);

        // 발급받은 액세스 토큰을 세션에 저장 (로그인 상태 유지 목적)
        if (isset($response['access_token'])) {
            $_SESSION['key'] = $response['access_token'];

            // 로그인 완료 후 메인 페이지로 이동
            header("Location: {$domain}/index.html?login=success");
        }
        exit;
// }

// api.php
// switch ($action) { 
// 이전 단계에서 입력한 코드 
// :
    // 액세스 토큰을 사용해 로그인한 사용자의 정보 조회 요청
    case 'profile':
        $uri = $kapi_host . "/v2/user/me";  // 사용자 정보 가져오기 API 주소
        $headers = [
            'Content-Type: application/x-www-form-urlencoded',  // 요청 헤더 Content-Type 지정
            'Authorization: Bearer ' . $_SESSION['key']  // 세션에 저장된 액세스 토큰 전달
        ];

        $response = call('POST', $uri, [], $headers);  // 카카오 API에 요청 전송
        header('Content-Type: application/json');

        echo json_encode($response);  // 조회한 사용자 정보를 클라이언트에 반환
        exit;
// }

// api.php
// :  
// switch ($action) { 
// 이전 단계에서 입력한 코드
// :

    // 로그아웃 요청: 세션을 종료하고 사용자 로그아웃 처리
    case 'logout':
        $uri = $kapi_host . "/v1/user/logout";  // 로그아웃 API 주소
        $headers = [
            'Authorization: Bearer ' . $_SESSION['key']  // 세션에 저장된 액세스 토큰 전달
        ];

        $response = call('POST', $uri, [], $headers);  // 카카오 API에 로그아웃 요청 전송
        session_destroy();  // 세션 삭제 (로그아웃 처리)
        header('Content-Type: application/json');
        echo json_encode($response);  // 응답 결과 클라이언트에 반환
        exit;

    // 연결 끊기 요청: 사용자와 앱의 연결을 해제하고 세션 종료
    case 'unlink':
        $uri = $kapi_host . "/v1/user/unlink";  // 연결 끊기 API 주소
        $headers = [
            'Authorization: Bearer ' . $_SESSION['key']  // 세션에 저장된 액세스 토큰 전달
        ];

        $response = call('POST', $uri, [], $headers);  // 카카오 API에 연결 끊기 요청 전송
        session_destroy();  // 세션 삭제 (연결 해제 처리)
        header('Content-Type: application/json');
        echo json_encode($response);  // 응답 결과 클라이언트에 반환
        exit;
// }

PHP의 경우, 서버 실행을 위한 코드는 필요하지 않습니다.

<!-- index.html -->
<!DOCTYPE html>
<html lang="kr">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>Kakao REST-API PHP example</title>
  <!-- 카카오 JavaScript SDK를 불러오기 위한 스크립트 -->
  <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
  <!-- UI 스타일을 설정하는 CSS 파일 임포트 -->
  <link rel="stylesheet" href="https://kakao-tam.github.io/developers-static/style.css" />
  <link rel="icon" type="image/png"
      href="https://devtalk.kakao.com/uploads/default/optimized/2X/9/9b7b5d9cbbe2e8d6a5410c2d28926804cd8b0bb1_2_32x32.png" />
</head>

<body>
    <div class="header">
        <h1>카카오 로그인 및 API 예제</h1>
    </div>
    <div class="main-container">
        <div class="container">
            <div class="vertical-layout">
                <script>
                    const domain = window.location.origin;
                    Kakao.init(" JavaScript 키 "); // [JavaScript SDK로 로그인]을 테스트하려면 [앱 키]에서 확인한 JavaScript 키를 입력하세요.

                    function kakaoLogin() {
                        Kakao.Auth.authorize({
                            redirectUri: `${domain}/api.php?action=redirect`,
                        });
                    }

                    function REST_Call(path) {
                        fetch(domain + path)
                            .then(response => response.text()) // 응답을 텍스트로 변환
                            .then(data => {
                                try {
                                    // JSON 파싱 시도
                                    const jsonData = JSON.parse(data);
                                    setContents(JSON.stringify(jsonData, null, 2));
                                } catch (e) {
                                    // JSON 파싱 실패 시 텍스트로 출력
                                    setContents(data);
                                }
                            })
                            .catch(error => {
                                console.error("Fetch 에러:", error);
                            });
                    }

                    function setContents(data) {
                        document.getElementById("contents").value = data;
                    }

                    // 로그인 성공 메시지 표시
                    window.onload = function() {
                        const urlParams = new URLSearchParams(window.location.search);
                        if (urlParams.get('login') === 'success') {
                        const successLabel = document.createElement('span');
                        successLabel.textContent = '로그인 성공';
                        successLabel.style.color = 'green';
                        successLabel.style.marginLeft = '10px';
                        document.querySelector('.login-buttons').appendChild(successLabel);
                        }
                    }                    
                </script>
                <!-- 로그인 버튼 영역 -->
                <div class="login-container">
                    <div class="login-buttons">
                        <!-- REST API로 로그인하기 위한 버튼 -->
                        <a href="/api.php?action=authorize">
                            <img src="//k.kakaocdn.net/14/dn/btqCn0WEmI3/nijroPfbpCa4at5EIsjyf0/o.jpg" alt="카카오 로그인" />
                        </a>
                        <!-- JavaScript SDK로 로그인하기 위한 버튼, 테스트하려면 JS SDK 초기화 필요 -->
                        <button onclick="kakaoLogin()"
                            style="background-color: white; border: 1px solid var(--kakao-yellow);">
                            JavaScript SDK로 로그인
                        </button>
                    </div>
                </div>
                <!-- 로그인 기능을 테스트할 수 있는 버튼 영역 -->
                <div class="api-container">
                    <div class="section-title">기본 기능</div>
                    <div class="button-group">
                        <button onclick="REST_Call('/api.php?action=profile')">사용자 정보 가져오기</button>
                        <button onclick="REST_Call('/api.php?action=logout')"
                            style="background-color: white; border: 1px solid #E5E5E5;">로그아웃</button>
                        <button onclick="REST_Call('/api.php?action=unlink')"
                            style="background-color: white; color: #FF5C5C; border: 1px solid #FF5C5C;">연결 끊기</button>
                    </div>
                </div>
                <!-- 응답 확인 영역 -->
                <textarea id="contents" placeholder="이곳에 API 응답 결과가 표시됩니다."></textarea>

            </div>
        </div>
    </div>
</body>

</html>

php -S localhost:4000