155 lines
4.1 KiB
TypeScript
155 lines
4.1 KiB
TypeScript
/**
|
|
* 📄 API Utility
|
|
* API 호출 유틸리티 파일
|
|
*
|
|
* - 다양한 HTTP 메소드의 API 호출 함수 (GET, POST, PUT, DELETE)
|
|
* - 쿠키 기반 인증 토큰 관리 및 사용자 조회
|
|
* - 특정 서비스 (DC, CMS, GeoServer) 호출 지원
|
|
* - Axios 및 Fetch 기반 HTTP 요청 처리
|
|
* - 타입 안전성 보장을 위한 인터페이스 활용
|
|
* - 에러 핸들링 및 응답 처리 표준화
|
|
*/
|
|
import { useEffect, useState } from "react";
|
|
import axios from 'axios';
|
|
|
|
const BASE_URL = '/sewerage-service/api';
|
|
|
|
export const getData = async (url: string): Promise<any> => {
|
|
const res = await fetch(url.startsWith('/') ? `${url}` : `${BASE_URL}/${url}`, {
|
|
method: "GET",
|
|
});
|
|
if (res.ok) {
|
|
try {
|
|
// 응답이 비어있는지 확인
|
|
const contentLength = res.headers.get('content-length');
|
|
if (contentLength === '0') {
|
|
return null;
|
|
}
|
|
|
|
// 응답 텍스트를 먼저 가져와서 빈 문자열인지 확인
|
|
const text = await res.text();
|
|
if (!text || text.trim() === '') {
|
|
return null;
|
|
}
|
|
|
|
// JSON 파싱 시도
|
|
const data = JSON.parse(text);
|
|
return data;
|
|
} catch (error) {
|
|
console.error('JSON parsing error:', error);
|
|
// JSON 파싱에 실패한 경우, 원본 텍스트 또는 null 반환
|
|
throw new Error('Invalid JSON response from server');
|
|
}
|
|
}
|
|
throw new Error('Failed to fetch data');
|
|
};
|
|
|
|
export const postData = async (url: string, data: object): Promise<any> => {
|
|
const options: RequestInit = {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(data),
|
|
};
|
|
const res = await fetch(`${BASE_URL}/${url}`, options);
|
|
if (res.ok) {
|
|
const resData = await res.json();
|
|
return resData;
|
|
}
|
|
};
|
|
|
|
export const postMutiPart = async (url: string, data: FormData): Promise<any> => {
|
|
const res = await axios.post(`${BASE_URL}/${url}`, data);
|
|
return res.data;
|
|
};
|
|
|
|
export const putData = async (url: string, data: object): Promise<any> => {
|
|
const options: RequestInit = {
|
|
method: "PUT",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(data),
|
|
};
|
|
const res = await fetch(`${BASE_URL}/${url}`, options);
|
|
const resData = await res.json();
|
|
return resData;
|
|
};
|
|
|
|
export const deleteData = async (url: string, data?: object): Promise<any> => {
|
|
const options: RequestInit = {
|
|
method: "DELETE",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: data ? JSON.stringify(data) : undefined,
|
|
};
|
|
const res = await fetch(url.startsWith('/') ? `${url}` : `${BASE_URL}/${url}`, options);
|
|
if (res.status === 204) return true
|
|
return res;
|
|
};
|
|
|
|
// DC API 호출
|
|
export const getDcData = async (url: string, resType: string = "json"): Promise<any> => {
|
|
const res = await fetch('/dc-service' + url, {
|
|
method: "GET",
|
|
});
|
|
if (res.ok) {
|
|
let data;
|
|
if (resType === "json") data = await res.json();
|
|
else if (resType === "blob") data = await res.blob();
|
|
|
|
return data;
|
|
}
|
|
throw new Error('Failed to fetch data');
|
|
};
|
|
|
|
// CMS API 호출
|
|
export const getCmsData = async (url: string, data?: object): Promise<any> => {
|
|
const res = await fetch('/cms-service' + url, {
|
|
method: "GET",
|
|
});
|
|
if (res.ok) {
|
|
const data = await res.json();
|
|
return data;
|
|
}
|
|
throw new Error('Failed to fetch data');
|
|
};
|
|
|
|
// GeoServer API 호출
|
|
export const getGeoData = async (url: string, data?: object): Promise<any> => {
|
|
const res = await fetch('/geoserver' + url, {
|
|
method: "GET",
|
|
});
|
|
if (res.ok) {
|
|
const data = await res.json();
|
|
return data;
|
|
}
|
|
throw new Error('Failed to fetch data');
|
|
};
|
|
|
|
export function getCookie(name: string) {
|
|
const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
|
|
if (match && match[2]) {
|
|
return decodeURIComponent(match[2]);
|
|
}
|
|
return null;
|
|
}
|
|
|
|
export const useCookieAuth = () => {
|
|
const [data, setData] = useState("");
|
|
|
|
useEffect(() => {
|
|
const fetch = async () => {
|
|
const result = getCookie("Authorization");
|
|
if (result) {
|
|
setData(result);
|
|
}
|
|
};
|
|
fetch();
|
|
console.log("useCookieAuth 호출");
|
|
}, []);
|
|
|
|
return data;
|
|
}; |