웹에서 slack으로 메시지 보내기

휴먼스케이프

😃 안녕하세요. 휴먼스케이프 loowin입니다. 😃

오늘은 많은 사람들이 사용하고 있는 Slack으로 메시지 보내는 방법과 활용 방법을 알아 보겠습니다. [2020.07.14 작성]

1. Slack App [Incoming Webhooks] 추가

가장 먼저 Slack에 메시지를 보내기 위해 Incoming Webhooks를 추가합니다.

Incoming Webhooks는 외부에서 Slack으로 메시지 텍스트 및 일부 옵션이 포함 된 JSON을 보내는 고유 한 URL을 제공해주는 App입니다. 추가 방법은 간단합니다.!!

Slack에서 App찾기

Slack 왼쪽 메뉴에서 App을 찾은 후 !! Incoming Webhooks를 검색 한 후 Add 버튼을 누릅니다.

Add to Slack

그러면 위이미지와 같은 페이지로 이동을 합니다.

Add to Slack 버튼을 클릭합니다.

Choose a channel

메시지를 보낼 채널을 선택하고 Add Incoming webHooks integration 버튼을 클릭합니다.

생성된 Webhook URL

그 결과 Webhook URL이 생성이 됩니다.

https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX

생성된 url을 활용하여 웹에서 Slack으로 메시지를 보내보겠습니다.

2. 웹(html, javascript)에서 Slack으로 메시지 보내기

웹에서 이름, 전화번호를 입력받아 Slack으로 보내보겠습니다.

이름, 전화번호 폼

이름, 전화번호를 받아서 보내는 폼을 만들어 보았습니다.

이제 slack으로 보내는 javascript를 추가해 보겠습니다.

이제 메시지를 보내 보겠습니다.

폼에 정보 입력

폼에 정보를 입력하고 보내기를 누르면

Slack에 메시지 도착

Slack에 메시지가 도착합니다. 메시지는 여러포맷으로 전송이 가능합니다.

Json 예시

Incoming Webhooks 예시 Json으로 보내면 (https://api.slack.com/messaging/webhooks#incoming_webhooks_programmatic)

이와 같은 포맷으로 전송이 됩니다.

조금 더 편리한 방법으로는 webhook의 포맷을 잡아주는 App을 활용하면 됩니다. (https://app.slack.com/block-kit-builder)

마무리

이상 웹에서 Slack으로 메시지를 보내기 였습니다. 다른 활용 예제들도 추가해보도록 하겠습니다. 감사합니다.

[출처] https://api.slack.com/incoming-webhooks

Get to know us better! Join our official channels below.

Telegram(EN) : t.me/Humanscape KakaoTalk(KR) : open.kakao.com/o/gqbUQEM Website : humanscape.io Medium : medium.com/humanscape-ico Facebook : www.facebook.com/humanscape Twitter : twitter.com/Humanscape_io Reddit : https://www.reddit.com/r/Humanscape_official Bitcointalk announcement : https://bit.ly/2rVsP4T Email : support@humanscape.io

기업문화 엿볼 때, 더팀스

로그인

/