💸 무료로 Sentry 알림을 슬랙으로 받아보자

배경

저는 사이드 프로젝트인 MUFI에서 포토부스 키오스크, 모바일 웹, 어드민 등 다양한 프로덕트를 개발 중인데요. 2년 반 정도 하니까 기계가 어느덧 열대가 훌쩍 넘게 되어서 현장에서 이런 보이스가 들려왔어요.

원래도 에러 리포팅 툴인 Sentry를 쓰고 있어서 저에게는 에러가 날때마다 메일이 날아오고 있었거든요. 이걸 슬랙 채널으로만 쏴주면 현장 운영진과 함께 공유할 수 있겠다고 간단하게 생각했어요! 하지만..

💸 돈이 너무 아까워!

Sentry 에러를 슬랙에 쏴주는 건 원래 생각했던 대로 간단하지 않았어요.
아니, 간단했지만 돈이 들었어요 🫠

Sentry에서는 Slack Integration을 쓰려면 최소 팀 플랜 이상을 구독해야 했고, 이 가격은 무려 월 $29(약 39,000원) 였어요.

이 기능 하나만 보고 매달 4만원에 가까운 비용을 내는 것은 합리적이지 않다고 생각해서, 다른 방법을 찾아보기로 했어요.

웹훅은 무료네?

Sentry Integration 목록을 살펴보던 중, 웹훅을 지원한다는 사실을 발견했어요.

그리고 웹훅을 쓰는 건 무료 플랜으로도 가능해서, 이걸 IFTTT나 Zapier 같은 자동화 워크플로우를 만들어서 슬랙에 쏴주면 되겠다 생각했어요.

그래서 사용해본 경험이 있던 Zapier에서 간단하게 워크플로우를 구성해서 테스트까지 되는 걸 확인했어요.

심지어 Zapier에서는 AI Copilot으로 원하는 동작을 말하면 워크플로우를 거의 다 만들어줘서 10분도 채 걸리지 않아서 금방 끝내겠다 생각했는데..

Sentry Team Plan보다 더 비싼 값에 Zapier Pro를 구독해야 웹훅을 쓸 수 있어서 포기.. IFTTT도 찾아보니 상대적으로 저렴하지만 월 14.99달러 요금을 지불해야 웹훅을 써야 했어요. 💰🥹

😾 걍 직접 만들고 만다!

사실 귀찮아서 미뤄왔던 선택지인 직접 만들기를 결국 꺼내야 했습니다.

위와 같이 간단한 설계 및 요구사항을 작성했고, 제가 악필이라 텍스트로 옮겨 적어보자면

• 요약 : GCP Cloud Functions로 Sentry 웹훅을 받아서 Slack에 메시지를 전송한다.
  • GCP Cloud Functions는 저희 프로젝트가 GCP 기반이라서 그렇고, AWS Lambda 같은 다른 Serverless도 동일합니다.
• Cloud Function 요구사항
  1. Request로부터 에러 정보 파싱
  2. 파싱된 에러 정보로 슬랙에 보낼 Report 메시지 생성
  3. 슬랙에 리포트 발송

이런 구조로 간다면 Cloud Functions 비용만 들게 되는데, 사실상 무료로 운영이 가능하다는 결론이 났어요.

🤖 GPT야 개발해줘!

Cloud Functions는 하나의 스크립트 파일 수준으로만 개발하면 되기 때문에, GPT한테 요구사항을 전달하고 초안을 받고 원하는 모습으로만 코드를 다듬는 수준으로 마무리할 수 있었어요.

제가 어떤 대화로 코드를 생성했는지는 이 링크를 통해서 확인하실 수 있어요.

이렇게 받은 코드를 기반으로 코드 스타일과 메시지 출력을 좀 더 다듬은 결과, 최종적으로 다음과 같은 코드로 완성했어요.

const functions = require('@google-cloud/functions-framework');
const { WebClient } = require('@slack/web-api');

functions.http('sentry-to-slack', async (req, res) => {
    // Slack Bot Token을 환경 변수로 설정 (GCP 콘솔에서 설정 가능)
    const slackToken = process.env.SLACK_BOT_TOKEN;
    const slackChannel = 'YOUR_CHANNEL_ID'; // 보낼 채널의 ID

    // WebClient 초기화
    const slackClient = new WebClient(slackToken);

    try {
        // Sentry에서 웹훅으로 전달된 데이터를 받음
        const sentryData = req.body;
        console.log('# sentryData', sentryData)

        // Slack 메시지 포맷 구성
        const message = {
            channel: slackChannel,
            blocks: [
                {
                    type: "section",
                    text: {
                        type: "mrkdwn",
                        text: "🚨 *[키오스크 에러 발생]* 🚨",
                    },
                },
                {
                    type: "section",
                    text: {
                        type: "mrkdwn",
                        text: `*<${sentryData.url}|Sentry 링크>*`
                    }
                },
                {
                    type: "section",
                    fields: [
                        {
                            type: "mrkdwn",
                            text: `*에러 메시지:*\n${sentryData.message}`
                        },
                    ],
                },
                {
                    type: "section",
                    fields: [
                        {
                            type: "mrkdwn",
                            text: `*원인:*\n${sentryData.culprit}`
                        },
                    ],
                },
                {
                    type: "section",
                    fields: [
                        {
                            type: "mrkdwn",
                            text: `*버전:*\n${sentryData.release || 'N/A'}`
                        },
                    ],
                },
                {
                    type: "section",
                    fields: [
                        {
                            type: "mrkdwn",
                            text: `*발생시각:*\n${sentryData.event.timestamp ? formatTimestamp(sentryData.event.timestamp) : 'N/A'}`
                        }
                    ]
                }
            ],
        };

        // Slack에 메시지 전송
        await slackClient.chat.postMessage(message);

        // 성공 응답
        res.status(200).send('Notification sent to Slack');
    } catch (error) {
        console.error('Error sending message to Slack:', error);
        res.status(500).send('Error sending notification');
    }
});


function formatTimestamp(unixTimestamp) {
    // 초 단위 Unix 타임스탬프를 밀리초로 변환
    const date = new Date(unixTimestamp * 1000);

    // UTC 시간에서 9시간을 더해 KST로 변환
    const KSTOffset = 9 * 60 * 60 * 1000; // 9시간을 밀리초로 변환
    const KSTDate = new Date(date.getTime() + KSTOffset);

    // 연도, 월, 일 가져오기
    const year = KSTDate.getFullYear();
    const month = String(KSTDate.getMonth() + 1).padStart(2, '0'); // 월은 0부터 시작하므로 1 더함
    const day = String(KSTDate.getDate()).padStart(2, '0');

    // 시, 분, 초 가져오기
    const hours = String(KSTDate.getHours()).padStart(2, '0');
    const minutes = String(KSTDate.getMinutes()).padStart(2, '0');
    const seconds = String(KSTDate.getSeconds()).padStart(2, '0');

    // 원하는 포맷으로 반환
    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

Slack SDK를 쓰기 위한 환경 변수 추가와 Sentry 웹훅 등록, Slack 앱 등록 정도의 부가 작업을 마치니 다음과 같이 성공적으로 돈을 거의 들이지 않고 Sentry 슬랙봇을 완성할 수 있게 되었어요.

맺음말

Zapier, IFTTT 삽질을 제외하면 실질적인 작업 시간은 1시간 이내였는데, 이런 간단한 수준의 스크립팅은 GPT에게 거의 위임시킬 수 있었다는게 좋은 레슨이 되었던 것 같습니다!