MetricFireアドオン：注釈にSentryエラーを表示

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/e651a9f7-5da2-1433-69b2-8074cf590b5d.png)

**問題**：Webアプリケーションは非常に大きく、それを使用している人には毎日大量のエラーが発生します。修正するエラーに優先順位を付けるにはどうすれば良いのでしょうか？

**解決策**：Sentryを使用して本番環境で発生する特定のエラーを追跡し、HostedGraphiteのSentry　Webhookアドオンを使用してシステムパフォーマンスグラフに注釈を追加できます。このようにして、特定のエラーが発生したときにシステム使用量の急増と関連付けることができます。

Sentryは、アプリでエラーが発生したときにアラートを出すことができるアプリケーションです。特定のエラーを警告できるため、何かがいつどこで壊れたかを確認できます。 SentryアノテーションをMetricFireのGrafanaグラフと一緒に使用すると、システムパフォーマンスモニターのいずれかでエラーが発生した時期を追跡できます。ユースケースは、エラーが長時間ループする場合、この1つのエラーによってCPUにどの程度のストレスがかかっているかを確認し、修正する優先度の高いタグを付けることができる場合などがあります。

Webhookに慣れていない場合、またはHosted Graphiteを使用したシステム監視ソリューションのセットアップに慣れていない場合は、[Webhookの概要](https://qiita.com/MetricFire/items/349424cb48630f477d5a)または[GitHubアノテーションに関する記事](https://qiita.com/MetricFire/items/f2258aae45c1e4082160)を確認してください。HostedGraphiteWebhookのセットアップ方法が示されています。

#セットアップ

###Sentry側：
まず、HostedGraphiteからWebhookURLを取得しましょう。 アカウントのダッシュボードから[Add-on]、[Add-on]の順に移動します。 [MetricFire](https://www.metricfire.com/japan/?GAID=2038175526.1567400116&utm_source=blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=MetricFire%20add-on%3A%20Show%20Sentry%20Errors%20in%20Annotations)の[無料トライアル](https://www.hostedgraphite.com/signup?utm_source=blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=MetricFire%20add-on%3A%20Show%20Sentry%20Errors%20in%20Annotations)にサインアップし、プラットフォームを使用してこのチュートリアルを実行できることを忘れないでください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/0e405965-d5b7-8e2b-92d9-303e1739faa1.png)

次に、Hosted GraphiteインターフェイスでSentryアドオンをアクティブ化し、WebhookURLをコピーします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/94b267c5-633f-c17d-32d5-76abc4bccf1b.png)

次に、Sentryアカウントページに移動し、HostedGraphiteで監視しているのと同じプロジェクトでこのWebhookを使用します。 Sentryアカウントページで、[Setting]> [Project]>に移動し、注釈を付けて追跡するプロジェクトを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/3a554a0a-8f07-59d4-8a7c-d37061bf05ac.png)


プロジェクトページをクリックしたら、[Alert]> [Setting]に移動します。 このタブでは、このプロジェクトのアラートに統合を追加できます。 ここでWebhookを選択すると、HostedGraphiteからWebhookURLを挿入できるようになります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/5193024d-4980-1e3d-4e30-5c0508bbaf75.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/240a6724-8ae7-bcc8-4557-3a8e564c4f73.png)

Webhookが設定されると、このプロジェクトのアラートをHostedGraphiteのグラフに送信できるようになります。 次に、好みに合わせてアラートを設定する必要があります。 これらの設定は、テスト目的で使用できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/3343b641-7ec8-77eb-08e5-079bbfb423a8.png)

###Hosted Graphite側：
ここで行う必要があるのは、HostedGraphiteのGrafanaグラフに送信されているアラートデータを表示することだけです。 まず、注釈を付けたいGrafanaグラフのダッシュボードに移動する必要があります。 次に、右上のセッティングアイコンの設定に移動します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/cbc64ca1-9f18-734b-75fd-46771c44f9f1.png)

[Setting]タブがポップアップし、[Annotation]タブが表示されます。 Newをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/58bbed69-8a8d-e8ad-a23f-55af686ee5f2.png)

データソースはHostedGraphiteに設定する必要があり、Graphiteイベントタグにはオプションとして歩哨が必要です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/4f0020e6-c3cb-0c92-787a-740af7b82546.png)

Sentry側とHostedGraphite側の両方が適切に設定されると、グラフにSentryアラートを表示できるようになります。 Sentryプロジェクトの[Alert]タブに戻ってWebhookプラグインをテストするか、アプリケーションでエラーを強制することができます。

#結果

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614998/60106ccc-024e-5031-5a21-7a338aa45826.png)

上のグラフには、FlaskアプリからのSentryアノテーションアラートが表示されていることがわかります。 これらの注釈のリンクをクリックすると、そのエラーのSentryアカウントのプロジェクトページに移動します。 上のグラフは実稼働サーバーではありませんが、実稼働サーバーを監視する場合、Sentryアノテーションは何が起こっているかをすばやく示すのに役立ちます。

[MetricFire](https://www.metricfire.com/japan/?GAID=2038175526.1567400116&utm_source=blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=MetricFire%20add-on%3A%20Show%20Sentry%20Errors%20in%20Annotations)について詳しく知り、[無料トライアル](https://www.hostedgraphite.com/signup?utm_source=blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=MetricFire%20add-on%3A%20Show%20Sentry%20Errors%20in%20Annotations)を入手して、すぐにダッシュボードの作成を開始できます。 MetricFireのHosted Graphiteで何ができるかについて質問がある場合は、[デモを予約](https://www.metricfire.com/demo-japan/?GAID=2038175526.1567400116&utm_source=blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=MetricFire%20add-on%3A%20Show%20Sentry%20Errors%20in%20Annotations)してください。