springboot thymeleaf properties 값 가져오기

springboot thymeleaf properties 값 가져오기

 

Springboot project에서 properties 파일이나 yml 파일에 설정된 값을 thymeleaf에서 가져오는 방법을 알아보겠습니다.

우선 환경설정 파일에 저장된 값을 가져올 때는 아래와 같이 사용합니다.

 

${@environment.getProperty('properties.key')}

 

그리고 환경 변수 값을 가져오기 위해선 아래의 taglib을 추가하셔야 합니다.

 

<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>

 

 

예를들어 카카오지도의 키를 properties active에 따라 다르게 하기 위해선 아래와 같이 설정합니다.

 

thymeleaf에서 사용하기

application.yml

spring: 
  profiles:
    active: dev
.
.
.
spring: 
  config:
    activate:
      on-profile: dev
appKey: 'abcd'

---

spring: 
  config:
    activate:
      on-profile: server
appKey: 'efgh'

 

map.html

<script th:src="@{'//dapi.kakao.com/v2/maps/sdk.js?'+'appkey='+${@environment.getProperty('appKey')}}"></script>

 

properties에 설정된 값을 javascript에서 사용하기 위해선 아래와 같이 사용합니다.

 

javascript에서 사용하기

<link id="appKey" th:data-contextPath="${@environment.getProperty('mapKey')}"/>
<script>
	const APP_KEY = document.querySelector("#appKey").getAttribute("data-contextPath");
</script>