Slack Block Kit 사용하기( 메시지 UI 구현 )

서버와 인프라를 운영하면 Chatops로 슬랙의 웹훅을 이용하여 슬랙으로 각종 메시지를 보내고,

이 때 단순한 텍스트 뿐만 아니라 UI가 필요한 경우도 있습니다.

 

그런 경우, Slack의 UI 프레임워크인 Block Kit를 사용하면 됩니다.

 

아래와 같이 슬랙 메시지에 텍스트 링크, 이미지, 버튼 등의 컴포넌트를 사용할 수 있습니다.

UI 컴포넌트 구성은 Block Kit Builder 사이트에서 손쉽게 구성을 해볼수 있습니다.

 

그리고 Payload값을 슬랙의 웹훅 API 호출시 body에 넣어주면 슬랙으로 Builder에서 본 메시지가 슬랙으로 전달되는 것을 확인할 수 있습니다.

 

Block Kit 사이트 - https://api.slack.com/block-kit

Block Kit Builder - https://app.slack.com/block-kit-builder/