115 lines
3.2 KiB
JavaScript
115 lines
3.2 KiB
JavaScript
// /public/js/api-helper.js
|
|
|
|
import { API_BASE_URL } from './api-config.js';
|
|
import { getToken, clearAuthData } from './auth.js';
|
|
|
|
/**
|
|
* 로그인 API를 호출합니다. (인증이 필요 없는 public 요청)
|
|
* @param {string} username - 사용자 아이디
|
|
* @param {string} password - 사용자 비밀번호
|
|
* @returns {Promise<object>} - API 응답 결과
|
|
*/
|
|
export async function login(username, password) {
|
|
const response = await fetch(`${API_BASE_URL}/auth/login`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ username, password }),
|
|
});
|
|
|
|
const result = await response.json();
|
|
if (!response.ok) {
|
|
// API 에러 응답을 그대로 에러 객체로 던져서 호출부에서 처리하도록 함
|
|
throw new Error(result.error || '로그인에 실패했습니다.');
|
|
}
|
|
return result;
|
|
}
|
|
|
|
|
|
/**
|
|
* 인증이 필요한 API 요청을 위한 fetch 래퍼 함수
|
|
* @param {string} endpoint - /로 시작하는 API 엔드포인트
|
|
* @param {object} options - fetch 함수에 전달할 옵션
|
|
* @returns {Promise<Response>} - fetch 응답 객체
|
|
*/
|
|
async function authFetch(endpoint, options = {}) {
|
|
const token = getToken();
|
|
|
|
if (!token) {
|
|
console.error('토큰이 없습니다. 로그인이 필요합니다.');
|
|
clearAuthData(); // 인증 정보 정리
|
|
window.location.href = '/index.html'; // 로그인 페이지로 리디렉션
|
|
// 에러를 던져서 후속 실행을 중단
|
|
throw new Error('인증 토큰이 없습니다.');
|
|
}
|
|
|
|
const defaultHeaders = {
|
|
'Authorization': `Bearer ${token}`,
|
|
'Content-Type': 'application/json'
|
|
};
|
|
|
|
const response = await fetch(`${API_BASE_URL}${endpoint}`, {
|
|
...options,
|
|
headers: {
|
|
...defaultHeaders,
|
|
...options.headers
|
|
}
|
|
});
|
|
|
|
// 401 Unauthorized 에러 발생 시, 토큰이 유효하지 않다는 의미
|
|
if (response.status === 401) {
|
|
console.error('인증 실패. 토큰이 만료되었거나 유효하지 않습니다.');
|
|
clearAuthData(); // 만료된 인증 정보 정리
|
|
window.location.href = '/index.html';
|
|
throw new Error('인증에 실패했습니다.');
|
|
}
|
|
|
|
return response;
|
|
}
|
|
|
|
// 공통 API 요청 함수들
|
|
|
|
/**
|
|
* GET 요청 헬퍼
|
|
* @param {string} endpoint - API 엔드포인트
|
|
*/
|
|
export async function apiGet(endpoint) {
|
|
const response = await authFetch(endpoint);
|
|
return response.json();
|
|
}
|
|
|
|
/**
|
|
* POST 요청 헬퍼
|
|
* @param {string} endpoint - API 엔드포인트
|
|
* @param {object} data - 전송할 데이터
|
|
*/
|
|
export async function apiPost(endpoint, data) {
|
|
const response = await authFetch(endpoint, {
|
|
method: 'POST',
|
|
body: JSON.stringify(data)
|
|
});
|
|
return response.json();
|
|
}
|
|
|
|
/**
|
|
* PUT 요청 헬퍼
|
|
* @param {string} endpoint - API 엔드포인트
|
|
* @param {object} data - 전송할 데이터
|
|
*/
|
|
export async function apiPut(endpoint, data) {
|
|
const response = await authFetch(endpoint, {
|
|
method: 'PUT',
|
|
body: JSON.stringify(data)
|
|
});
|
|
return response.json();
|
|
}
|
|
|
|
/**
|
|
* DELETE 요청 헬퍼
|
|
* @param {string} endpoint - API 엔드포인트
|
|
*/
|
|
export async function apiDelete(endpoint) {
|
|
const response = await authFetch(endpoint, {
|
|
method: 'DELETE'
|
|
});
|
|
return response.json();
|
|
} |