해당 서비스 도커화 성공, 룰 추가, 로그인 오류 수정, 소문자 룰 어느정도 해결

fastapi-bridge/static/js/api-helper.js

@@ -0,0 +1,115 @@
+// /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();
+}