Slack에서 웹훅 생성

1. Slack 앱 만들기(아직 없는 경우)

Slack 앱 만들기

이름을 정하고 앱을 연결할 워크스페이스를 선택한 다음 Create App을 클릭하세요. 테스트 메시지를 많이 보내게 될 테니 테스트용 채널을 따로 만들어 두는 것도 좋아요. 이미 만든 앱이 있다면 그 앱을 써도 돼요.

2. Slack 앱에서 Incoming Webhooks 활성화

Slack 앱을 만들면 새 앱의 설정 페이지로 이동해요. 기존 앱을 쓰는 경우에는 앱 관리 대시보드에서 해당 앱의 설정을 여세요.

여기에서 Incoming Webhooks 기능을 선택하고 Activate Incoming Webhooks 토글을 클릭해 켜세요.

3. Slack 워크스페이스에 Incoming Webhook 만들기

Incoming Webhooks를 켜면 설정 페이지가 새로 고쳐지고 추가 옵션이 나타나요. 그중 Add New Webhook to Workspace라는 아주 유용한 버튼이 있으니 클릭하세요.

이 버튼은 Slack 앱 설치 과정을 간소화한 흐름을 실행해요. 이 흐름은 그 자체로 완결되어 있어서, Incoming Webhook URL을 만들기 위해 코드를 직접 작성할 필요가 없어요. 다음과 비슷한 화면이 보일 거예요.

앱이 메시지를 게시할 채널을 고른 다음 Authorize 버튼을 클릭하세요. 비공개 채널에 Incoming Webhook을 추가하려면 먼저 그 채널에 참여해 있어야 해요.

앱 설정으로 돌아가면 Webhook URLs for Your Workspace 섹션에 새 항목이 보일 거예요. 웹훅 URL은 다음과 비슷한 모양이에요.

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

이 URL이 새로 만든 Incoming Webhook이에요. 한 명의 사용자와 하나의 채널에만 해당하는 웹훅이에요.

Commentful 플러그인에서 Slack 웹훅 URL 추가

Commentful Slack 알림을 설정하려면 위 단계에 따라 Slack 웹훅 URL을 만드세요. 그런 다음 Commentful Figma 플러그인에서 플러그인 창 오른쪽 위의 Settings 아이콘 버튼을 클릭하고 Enable webhook notifications for review links를 클릭하세요. Webhook Platform 드롭다운에서 Slack이 선택되어 있는지 확인한 뒤, Slack 웹훅 URL을 복사해 붙여 넣고 Save Webhook URL을 클릭하세요.

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

Send Test Message 버튼을 클릭하면 Commentful이 Slack 채널로 테스트 알림을 보내요. Slack 연동이 제대로 작동하는지 이 방법으로 확인할 수 있어요.

Commentful 웹 앱에서 Slack 웹훅 URL 추가

Commentful Slack 알림을 설정하려면 위 단계에 따라 Slack 웹훅 URL을 만드세요. 그런 다음 Commentful 웹 앱에서(브라우저로 공유 리뷰 링크를 연 상태에서) 키보드의 CTRL + K 키를 누르고 Slack 웹훅 URL을 복사해 붙여 넣으세요.

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

Send Test Message to Slack 버튼을 클릭하면 Commentful이 Slack 채널로 테스트 알림을 보내요. Slack 연동이 제대로 작동하는지 이 방법으로 확인할 수 있어요.

Slack 웹훅 알림은 선택한 Slack 채널에 채널 알림으로 전송돼요. Commentful 댓글에 @name 같은 텍스트를 넣으면 Slack 메시지 본문에 그 텍스트가 표시될 수 있지만, Commentful이 Commentful 검토자를 Slack 사용자와 자동으로 연결해 주지는 않으므로 Slack 기본 멘션이 보장되지는 않아요.