@things-factory/meta-ui 8.0.0-beta.8 → 8.0.0

package/client/utils/rest-service-util.js

@@ -0,0 +1,328 @@
+import { decreaseActiveRequestCounter, increaseActiveRequestCounter } from '@operato/graphql'
+
+import { TermsUtil } from './terms-util'
+import { UiUtil } from './ui-util'
+
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Shortstop <shortstop@hatiolab.com>
+ * @description REST 서비스 핸들링 유틸리티 함수 정의
+ */
+export class RestServiceUtil {
+  /**
+   * @description REST 서비스 응답이 에러인 경우 Error 메시지 표시
+   ****************************************************
+   * @param {Object} response 응답
+   */
+  static async showRestErrorResponse(response) {
+    if (response.status && response.status >= 400) {
+      try {
+        let errData = await response.json()
+        let errMsg =
+          errData.code && errData.msg ? `${errData.code} - ${errData.msg}` : TermsUtil.tText('unexpected_server_error')
+        UiUtil.showAlertPopup('title.error', errMsg, 'error', 'confirm')
+        return errData
+      } catch (err) {
+        UiUtil.showAlertPopup('title.error', err, 'error', 'confirm')
+        return false
+      }
+    }
+  }
+
+  /**
+   * @description REST 서비스 실행 시 발생한 예외 표시
+   *************************************************
+   * @param {Object} exception 에러 Object
+   */
+  static async showRestException(exception) {
+    if (exception) {
+      await UiUtil.showAlertPopup('REST Service Error', exception.message, 'error', 'confirm')
+    }
+  }
+
+  /**
+   * @description 레코드의 id를 이용해 데이터 한 건 조회
+   *********************************************
+   * @param {String} url 조회할 서비스 URL
+   * @param {Object} params 파라미터
+   * @return {Object} 조회한 레코드
+   */
+  static async restGet(url, params) {
+    let res = await RestServiceUtil.callRestGet(url, params, false)
+    if (res && res.status && res.status < 400) {
+      return await res.json()
+    }
+
+    return null
+  }
+
+  /**
+   * @description 메소드 PUT인 REST 서비스 호출
+   *********************************************
+   * @param {String} url 서비스 URL
+   * @param {Object} params 파라미터
+   * @param {String} confirmTitleKey 확인 타이틀 용어 키
+   * @param {String} confirmMsgKey 확인 메시지 용어 키
+   * @param {Function} successCallback 성공 콜백
+   * @param {Function} failureCallback 실패 콜백
+   * @return {Object}
+   */
+  static async restPut(url, params, confirmTitleKey, confirmMsgKey, successCallback, failureCallback) {
+    return await RestServiceUtil.callRest(
+      'PUT',
+      url,
+      params,
+      confirmTitleKey,
+      confirmMsgKey,
+      successCallback,
+      failureCallback
+    )
+  }
+
+  /**
+   * @description 메소드 POST인 REST 서비스 호출
+   *********************************************
+   * @param {String} url 서비스 URL
+   * @param {Object} params 파라미터
+   * @param {String} confirmTitleKey 확인 타이틀 용어 키
+   * @param {String} confirmMsgKey 확인 메시지 용어 키
+   * @param {Function} successCallback 성공 콜백
+   * @param {Function} failureCallback 실패 콜백
+   * @return {Object}
+   */
+  static async restPost(url, params, confirmTitleKey, confirmMsgKey, successCallback, failureCallback) {
+    return await RestServiceUtil.callRest(
+      'POST',
+      url,
+      params,
+      confirmTitleKey,
+      confirmMsgKey,
+      successCallback,
+      failureCallback
+    )
+  }
+
+  /**
+   * @description 메소드 DELETE인 REST 서비스 호출
+   *********************************************
+   * @param {String} url 서비스 URL
+   * @param {Object} params 파라미터
+   * @param {String} confirmTitleKey 확인 타이틀 용어 키
+   * @param {String} confirmMsgKey 확인 메시지 용어 키
+   * @param {Function} successCallback 성공 콜백
+   * @param {Function} failureCallback 실패 콜백
+   * @return {Object}
+   */
+  static async restDelete(url, params, confirmTitleKey, confirmMsgKey, successCallback, failureCallback) {
+    return await RestServiceUtil.callRest(
+      'DELETE',
+      url,
+      params,
+      confirmTitleKey,
+      confirmMsgKey,
+      successCallback,
+      failureCallback
+    )
+  }
+
+  /**
+   * @description REST 서비스 호출
+   *********************************************
+   * @param {String} method 메소드
+   * @param {String} url 서비스 URL
+   * @param {Object} params 파라미터
+   * @param {String} confirmTitleKey 확인 타이틀 용어 키
+   * @param {String} confirmMsgKey 확인 메시지 용어 키
+   * @param {Function} successCallback 성공 콜백
+   * @param {Function} failureCallback 실패 콜백
+   * @return {Object}
+   */
+  static async callRest(method, url, params, confirmTitleKey, confirmMsgKey, successCallback, failureCallback) {
+    let confirm = confirmMsgKey
+      ? await UiUtil.showAlertPopup(confirmTitleKey, confirmMsgKey, 'question', 'confirm', 'cancel')
+      : true
+
+    if (confirm) {
+      // 서비스 호출 결과
+      let res = null
+
+      if (method == 'POST') {
+        res = await restCallPost(url, params, false)
+      } else if (method == 'PUT') {
+        res = await restCallPut(url, params, false)
+      } else if (method == 'DELETE') {
+        res = await restCallDelete(url, params, false)
+      }
+
+      if (res && res.status && res.status < 400) {
+        UiUtil.showToast('info', TermsUtil.tText('Success to Process'))
+        if (successCallback) successCallback()
+        return res.json ? await res.json() : res
+      } else {
+        if (failureCallback) failureCallback()
+      }
+    }
+
+    return null
+  }
+
+  /**
+   * @description REST 서버에 GET 방식 호출, response 리턴
+   *******************************************************
+   * @param {String} url
+   * @param {*} params
+   * @param {Boolean} responseJson
+   * @returns response 리턴
+   */
+  static async callRestGet(url, params, responseJson) {
+    try {
+      increaseActiveRequestCounter()
+    
+      if (params == null || typeof params == undefined) {
+      } else if (typeof params == 'string') {
+        url = `${url}?${params}`
+      } else if (Array.isArray(params)) {
+        url += '?'
+        params.forEach((item, index, array) => {
+            url += `${item['name']}=${item['value']}&`
+        })
+      } else if (Object.keys(params).length > 0) {
+        url += '?'
+        for (let param in params) {
+          url += `${param}=${params[param]}&`
+        }
+      }
+      const res = await fetch(url, {
+        method: 'GET',
+        headers: {
+          'Content-type': 'application/json',
+          Accept: 'application/json',
+          'x-locale': currentLocale()
+        }
+      })
+  
+      const resJson = responseJson ? responseJson : false
+      return await checkResponse(res, resJson)
+    } finally {
+      decreaseActiveRequestCounter()
+    }
+  }
+
+ /**
+  * @description REST 서버에 POST 방식 호출, 서버 response 자체를 리턴
+  *****************************************************************
+  * @param {*} url
+  * @param {*} bodyObj
+  * @param {Boolean} responseJson 응답 JSON을 받을 지 여부
+  * @returns response 리턴
+  */
+  static async callRestPost(url, bodyObj, responseJson) {
+    const bodyStr = typeof bodyObj === 'string' ? bodyObj : JSON.stringify(bodyObj)
+
+    try {
+      increaseActiveRequestCounter()
+
+      const res = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-type': 'application/json',
+          Accept: 'application/json',
+          'x-locale': currentLocale()
+        },
+        body: bodyStr
+      })
+
+      const resJson = responseJson ? responseJson : false
+      return await checkResponse(res, resJson)
+    } finally {
+      decreaseActiveRequestCounter()
+    }
+  }
+
+  /**
+   * @description REST 서버에 PUT 방식 호출, 서버 Response 자체를 리턴
+   ****************************************************************
+   * @param {String} url
+   * @param {Object} bodyObj
+   * @param {Boolean} responseJson 응답 JSON을 받을 지 여부
+   * @returns 서버 response 리턴
+   */
+  static async callRestPut(url, bodyObj, responseJson) {
+    try {
+      increaseActiveRequestCounter()
+      
+      const bodyStr = typeof bodyObj === 'string' ? bodyObj : JSON.stringify(bodyObj)
+      const res = await fetch(url, {
+        method: 'PUT',
+        credentials: 'include',
+        headers: {
+          'Content-type': 'application/json',
+          Accept: 'application/json',
+          'x-locale': currentLocale()
+        },
+        body: bodyStr
+      })
+
+      const resJson = responseJson ? responseJson : false
+      return await checkResponse(res, resJson)
+    } finally {
+      decreaseActiveRequestCounter()
+    }
+  }
+
+  /**
+   * @description REST 서버에 DELETE 방식 호출 후 서버 response를 리턴
+   ****************************************************************
+  * @param {String} url
+  * @param {Object} bodyObj
+  * @param {Boolean} responseJson 응답 JSON을 받을 지 여부
+  * @returns response 리턴
+  */
+  static async restCallDelete(url, bodyObj, responseJson) {
+    try {
+      increaseActiveRequestCounter()
+
+      const bodyStr = typeof bodyObj === 'string' ? bodyObj : JSON.stringify(bodyObj)
+      const res = await fetch(url, {
+        method: 'DELETE',
+        headers: {
+          'Content-type': 'application/json',
+          Accept: 'application/json',
+          'x-locale': currentLocale()
+        },
+        body: bodyStr
+      })
+
+      const resJson = responseJson ? responseJson : false
+      return await checkResponse(res, resJson)
+    } finally {
+      decreaseActiveRequestCounter()
+    }
+  }
+
+ /**
+  * @description response 상태 체크 후 에러이면 에러 메시지 표시
+  *******************************************************
+  * @param {Object} res
+  * @param {Boolean} responseJson
+  */
+  static async checkResponse(res, responseJson) {
+    if (res && res.status && res.status >= 400) {
+      try {
+        let isJson = await res.json ? true : false;
+        let errData = isJson ? await res.json() : await res.text();
+        let errMsg = (typeof errData == 'string') ? 
+          errData : 
+          (errData.code && errData.msg ? `${errData.code} - ${errData.msg}` : TermsUtil.tText('unexpected_server_error'))
+
+        await UiUtil.showAlertPopup('title.error', errMsg, 'error', 'confirm')
+        return errData;
+      } catch (err) {
+        console.log(err)
+      }
+    } else {
+      return responseJson === true && res.json ? await res.json() : res
+    }
+  }
+}