feat: 통신 api 토큰 처리 #78

src/apis/sendApi.ts

@@ -1,16 +1,22 @@
 import axios from 'axios';
-import { AUTH_KEY } from '../constants/authkey';
-import httpService from '../constants/libs/httpService';
+import { AUTH_KEY, } from '../constants/authkey';
+import { SESSION_KEY } from '../constants/session';
+import sessionStorageService from '../libs/sessionStorageService';
+import authorization from '../libs/httpService';
 
 let ck = `eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ0YW1kNTk3MUBuYXZlci5jb20iLCJyb2xlcyI6Ik1BTkFHRVIiLCJpYXQiOjE2OTM4OTE1MzUsImV4cCI6MTY5Mzg5MzMzNX0.xvxGA-2tW3en2DKv-Q-ZaI38r4f2lNCO1M8kNSZwXhk`
 
 export const sendApi = {
   get: (url:string) => {
-    return axios.get(
-      `https://api.dessert-gallery.site${url}`,
-      // httpService.authorization(localStorageService.get(SESSION_ID))
-      httpService.authorization(ck)
-    );
+    console.log('sessionStorageService.get(SESSION_KEY', sessionStorageService.get(SESSION_KEY))
+    if(sessionStorageService.get(SESSION_KEY) !== null){ 
+      return axios.get(
+        `${AUTH_KEY.apiUrl}${url}`,
+        authorization(sessionStorageService.get(SESSION_KEY)) 
+      );
+    }else{
+      return axios.get(`${AUTH_KEY.apiUrl}${url}`);
+    }
   },
 
 

src/constants/authkey.ts

@@ -1,7 +1,7 @@
 const {
-  REACT_APP_API_URI,
+  NEXT_PUBLIC_API_URL,
 } = process.env;
 
 export const AUTH_KEY = {
-  apiUrl: REACT_APP_API_URI,
-};
+  apiUrl: NEXT_PUBLIC_API_URL,
+};

src/constants/session.ts

@@ -0,0 +1 @@
+export const SESSION_KEY = 'JWTSessionStorage';

src/libs/httpService.ts

@@ -0,0 +1,10 @@
+
+const authorization = (token:string|null) => {
+  return {
+    headers: {
+      Authorization: `${token}`,
+    },
+  };
+};
+
+export default authorization;

src/libs/sessionStorageService.ts

@@ -0,0 +1,13 @@
+const sessionStorageService = {
+  set: (key:string, value:string='') => {
+    return typeof window !== 'undefined' ? sessionStorage.setItem(key, value) : null;
+  },
+  get: (key:string = '')=> {
+    return typeof window !== 'undefined' ? sessionStorage.getItem(key) : null;
+  },
+  delete: (key:string = '') => {
+    return typeof window !== 'undefined' ? sessionStorage.removeItem(key) : null;
+  },
+};
+
+export default sessionStorageService;