SentryとSlackの連携手順まとめ

## ゴール
Sentryに送信されたエラーがSlackへ通知される

## Slackの設定
1. 通知先のSlackチャンネルを作成
  <img width="263" alt="createChannel.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/effab5bc-bbd2-da85-c8fb-3fa70fe7478e.png">

2. *Slack > App Directory > Manage > Apps* で `Sentry Notifications`を検索しクリック
  *https://{workspace-url}.slack.com/apps/manage*
  <img width="777" alt="searchSentryNotifications.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/e68c3443-f725-4d01-1529-29759b2af90f.png">


3. *Sentry Notifications > Settings* で `Add to Slack`をクリック
  <img width="1004" alt="addToSlack.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/eecd4f4d-fa77-8830-b12a-2fde0b87bde0.png">

4. 通知先のSlackチャンネルを選択し、 `Add Sentry Notifications integration`をクリック
  <img width="750" alt="addSentryNotificationsIntegration.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/d33bb384-3b20-e8e9-522d-6610828f8722.png">

5. *Browse Apps > Sentry Notifications > Edit configuration* に記載されている`Webhook URL`をコピーしておく

## Sentryの設定
1. *Sentry > Projects* の `Create Project` から新規プロジェクトを作成
*https://sentry.io/organizations/{organaization-name}/projects/*
  <img width="747" alt="createProject.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/e214d78d-99d4-67c4-1e74-19771760d8e6.png">

2. *Settings > [Organization Name] > Integrations* で `Slack (Legacy)`を選択
<img width="1255" alt="sentryIntegrations.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/af60c46d-2e0f-3374-d6b9-c336d166e599.png">

3. *Settings > [Organization Name] > Integrations > Integration Details > Slack (Legacy)* で `Add to Project`ボタンをクリック
   <img width="820" alt="addSlackIntegrationToProject.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/9fba16dc-bdb1-05a0-a56a-c640f971c08c.png">

4. 作成したプロジェクトを選択
<img width="616" alt="selectProject.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/09439f16-b93c-1031-2f0b-a387b40fc9d2.png">

5. *Settings > [Organization Name] > [Project Name] > Legacy Integrations > Integration Details > Slack* の `Webhook URL` に、Slackの設定 5でコピーしたURLをペーストし `Save Changes` をクリック
<img width="500" alt="inputUrl.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/7173688e-d432-c1a6-b643-7c355cf083c2.png">

6. `Enable Plugin` をONに設定
<img width="805" alt="enablePlugin.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/364aeb7d-f46a-41d2-54bf-9d0f5460aff6.png">

7. `Test Plugin` をクリック
<img width="471" alt="testPlugin.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/64d7c33c-016a-5159-ac70-9c3f97bc13e9.png">

8. Slackチャンネルを確認する
slackにテスト通知がきたら連携成功！もう少しです :tada:

9. 作成したプロジェクトの *Settings > Alerts* の `New Alert Rule`をクリック
<img width="804" alt="alertRule.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/19bdd501-bd24-c4b6-fd4a-f8da6b9ac3ca.png">

10. Slackに通知する条件を入力し、 `Save Rule` をクリック（通知したい条件分ルールを作成する）
<img width="799" alt="alert.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25884/881f948b-c83a-2520-4bbb-687728be73b0.png">

11. アプリケーションに *Client Keys(DSN)* を設定

## 終わり
以上になります。お疲れ様でした:beers: