<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Observabilité Archives | Clever Cloud</title>
	<atom:link href="https://www.clever.cloud/fr/blog/tag/observabilite/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.clever.cloud/fr/blog/tag/observabilite/</link>
	<description>From Code to Product</description>
	<lastBuildDate>Thu, 27 Nov 2025 15:28:02 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://cdn.clever-cloud.com/uploads/2023/03/cropped-cropped-favicon-32x32.png</url>
	<title>Observabilité Archives | Clever Cloud</title>
	<link>https://www.clever.cloud/fr/blog/tag/observabilite/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>GlitchTip sur Clever Cloud, une alternative à Sentry</title>
		<link>https://www.clever.cloud/fr/blog/fonctionnalites/2022/06/21/glitchtip-sur-clever-cloud-une-alternative-a-sentry/</link>
		
		<dc:creator><![CDATA[Aurélien Hebert]]></dc:creator>
		<pubDate>Tue, 21 Jun 2022 15:14:25 +0000</pubDate>
				<category><![CDATA[Fonctionnalités]]></category>
		<category><![CDATA[Observabilité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=6922</guid>

					<description><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2022/06/glitchtip.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="glitchtip" decoding="async" fetchpriority="high" srcset="https://cdn.clever-cloud.com/uploads/2022/06/glitchtip.png 1400w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-1368x528.png 1368w" sizes="(max-width: 1400px) 100vw, 1400px" /></p><!-- wp:paragraph -->
<p>Chez Clever Cloud, nous aimons avoir un certain contexte sur le statut et les logs de nos applications. C'est pourquoi nous avons déployé un grand nombre d'outils pour obtenir une certaine observabilité. Beaucoup d'entre eux sont disponibles gratuitement pour nos clients (une vue des logs, une vue des métriques ou Grafana). Cependant, il existe des outils que nous utilisons en interne et qui pourraient être utiles à beaucoup. Nous avons récemment découvert <a href="https://glitchtip.com/" target="_blank" rel="noreferrer noopener">glichtip</a>, qui est un outil de suivi des erreurs en open source. Glichtip est une excellente alternative à Sentry et moins complexe à déployer. Nous ajouterons que Glichtip est compatible avec le <a href="https://docs.sentry.io/platforms/" target="_blank" rel="noreferrer noopener">SDK open source de Sentry</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Contexte</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons utilisé Sentry pour analyser les erreurs provenant des logs de nos propres applications. Nous utilisions encore la version 9.1 jusqu'à ce que nous ayons trop de difficultés à la faire fonctionner. Nous devions alors faire une mise à jour ou trouver une nouvelle solution. Toutes les versions de Sentry postérieures à 9.1 nécessitent beaucoup plus de composants à déployer (comme Kafka, Snuba ou Clickhouse). Il est toujours possible de le déployer avec un <a href="https://develop.sentry.dev/self-hosted/" target="_blank" rel="noreferrer noopener">script auto-hébergé</a>. Nous voulions que chaque composant soit autonome en dehors de l'application principale de Sentry, cela signifiait que nous devions fournir une authentification à tous les composants. Ce n'était pas un gros problème, mais cela nous aurait pris plus de temps que prévu. Et en même temps, nous avons découvert un nouveau projet : Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Glitchtip</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout a commencé par un <a href="https://twitter.com/aeris22/status/1516411508225417228?t=EdjijoImwBdKwOjI63m5-A&amp;s=19" target="_blank" rel="noreferrer noopener">tweet</a> français, sur la découverte d'un nouvel outil : <a href="https://glitchtip.com/" target="_blank" rel="noreferrer noopener">Glitchtip</a>. Ce tweet disait que Glitchtip était compatible avec Sentry, gratuit et facile à auto-héberger, c'était donc évident que nous allions l'essayer !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Que fournit Glitchtip ? A l'intérieur de votre application, avec le SDK Sentry, vous transférez certains de vos logs d'erreurs. Ensuite, l'outil vous aide à suivre ces erreurs, à mieux comprendre quand une nouvelle version de l'outil crée de nouvelles erreurs, à les organiser ou à les rechercher… En un mot, c'est un outil très utile pour déboguer vos logiciels déployés.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Déploiement sur Clever Cloud</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configuration</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d'abord, nous allons télécharger le projet Docker Glitchtip et le personnaliser un peu pour correspondre à la façon dont les applications Docker sont exécutées dans Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Get latest Glitchtip release
git clone https://gitlab.com/glitchtip/glitchtip.git

# Go to the folder
cd glitchtip
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Ensuite, ouvrez votre IDE de code préféré et ouvrez le <code>Dockerfile</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Remove
FROM glitchtip/glitchtip:latest

# And add instead:
FROM glitchtip/glitchtip:v1.12.2

COPY docker-entrypoint.sh /entrypoint.sh
ENTRYPOINT ["/entrypoint.sh"]
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Ici, nous allons mettre en place la dernière version de Glitchtip. Au moment où nous écrivions ce blog, il s'agissait de la <code>v1.12.2. </code>Vous pouvez les trouver <a href="https://hub.docker.com/r/glitchtip/glitchtip/tags" target="_blank" rel="noreferrer noopener">ici</a>. Nous mettons en place un nouveau script pour utiliser <code>docker-entrypoint.sh</code> qui nous permettra de démarrer soit l'application web Glitchtip soit le travailleur Glitchtip. Le <code>docker-entrypoint.sh</code> doit contenir le script suivant :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># docker-entrypoint.sh script:
#!/bin/bash

if [ "${START_TARGET}" = "worker" ]; then
  mkdir /tmp/sandboxed
	cd /tmp/sandboxed &amp;&amp; nohup python -m http.server 8080 &amp;
	/code/bin/run-celery-with-beat.sh
else
  /code/bin/start.sh
fi

# Don't forget to make it executable:
chmod u+x docker-entrypoint.sh
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Glitchtip est livré avec un <code>Dockerfile</code>, ce qui signifie que nous utiliserons un <a href="https://www.clever.cloud/developers/deploy/application/java/java-jar/">runtime docker</a>. Il nécessite également une <a href="https://www.postgresql.org/" target="_blank" rel="noreferrer noopener">base de données PostgreSQL</a> et un<a href="https://redis.io/" target="_blank" rel="noreferrer noopener"> cache Redis</a>, ce qui signifie que nous allons déployer un <a href="https://www.clever.cloud/developers/doc/addons/postgresql/">addon PostgreSQL</a> et un <a href="https://www.clever.cloud/developers/doc/addons/redis/">addon Redis</a>. L'ajout d'une option <code>-o</code> dans toutes les lignes de commande <code>create</code> peut être utilisé pour spécifier l'organisation à utiliser.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Create the docker applications:
clever create --type docker glitchtip-web
clever create --type docker glitchtip-worker

# Create the PG addon
clever addon create postgresql-addon --plan s_sml --addon-version 14 glitchtip-postgres

# Link the addon
clever service link-addon glitchtip-postgres -a glitchtip-web
clever service link-addon glitchtip-postgres -a glitchtip-worker

# Create the Redis addon
clever addon create redis-addon --plan s_mono glitchtip-redis

# Link the addon
clever service link-addon glitchtip-redis -a glitchtip-web
clever service link-addon glitchtip-redis -a glitchtip-worker
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour l'instant nous allons configurer Glitchtip à travers des variables d'environnement. Comme nous utilisons plusieurs applications, nous allons déployer un fournisseur de configuration addon.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Create a config addon:
clever addon create config-provider --plan std glitchtip-config

# Link the addon
clever service link-addon glitchtip-config -a glitchtip-web
clever service link-addon glitchtip-config -a glitchtip-worker

</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Maintenant que nous avons déployé un fournisseur d'addon de configuration, mettons à jour sa configuration. Pour ce faire, allez dans la console Clever Cloud et sélectionnez le <code>glitchtip-config</code>. Dans le panneau des variables, sélectionnez le mode expert et ajoutez la variable requise suivante, (remplissez leur valeur en fonction du commentaire fourni) :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># In the config addon provider add:
CC_DOCKER_EXPOSED_HTTP_PORT="8080"
# Copy paste here the POSTGRESQL_ADDON_URI environment variable of the glitchtip-postgres addon 
DATABASE_URL="postgresql://user:password@host:port/database"
# Provide a valid email server
EMAIL_URL="smtp://email:password@smtp_url:port"
# Copy paste here the application domain name of the glitchtip-web application instead (should look like: https://app-da7a7a7a-da7a-4242-7a7a-da7a42427a7a.cleverapps.io)
GLITCHTIP_DOMAIN="MY_APP_DOMAIN_NAME"
# Copy paste here the REDIS_ADDON's environment variable of the glitchtip-redis addon 
REDIS_HOST= &lt; REDIS_HOST &gt;
REDIS_PASSWORD= &lt; REDIS_PASSWORD &gt; 
REDIS_PORT= &lt; REDIS_PORT &gt;
# Generate your own custom secret key for Glitchtip
SECRET_KEY= &lt; choose a secret key &gt;
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Notez que vous pouvez trouver plus d'informations sur la façon de configurer Glitchtip dans sa <a href="https://glitchtip.com/documentation/install#configuration" target="_blank" rel="noreferrer noopener">documentation</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Chaque application docker nécessite également une certaine configuration personnalisée :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">#glitchtip-web custom env
clever env set CC_RUN_SUCCEEDED_HOOK "./manage.py migrate" -a glitchtip-web
clever env set START_TARGET "web" -a glitchtip-web
#glitchtip-worker custom env
clever env set START_TARGET "worker" -a glitchtip-worker
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer et exécuter</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Maintenant que tout est prêt, il est temps de déployer et d'exécuter votre application Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Remove initial git
rm -r .git 

# Init a git repository
git init

# Add your files
git add .

# Commit the changes
git commit -m "clever init and deploy"

# Deploy the application
clever deploy -a glitchtip-web
clever deploy -a glitchtip-worker

# Open Glitchtip in your browser
clever open -a glitchtip-web
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Votre glitchtip est maintenant presque prêt à être utilisé. Une dernière action est nécessaire : vous devez créer un super utilisateur pour administrer Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Connect in SSH to your Clever application:
clever ssh -a glitchtip-web

# Run 
./manage.py createsuperuser
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Bon travail ! Vous devriez maintenant avoir un accès à la page d'administration de glitchtip (disponible sur le path /admin de votre application). Vous pouvez alors créer des utilisateurs ou vous connecter à votre réseau/application sociale préférée pour authentifier vos utilisateurs. Vous trouverez plus d'informations sur la <a href="https://glitchtip.com/documentation/install#django-admin" target="_blank" rel="noreferrer noopener">documentation</a>. Vous pouvez définir <a href="https://www.clever.cloud/blog/fonctionnalites/2022/05/11/how-to-deploy-keycloak-on-clever-cloud/">votre propre keycloak sur Clever Cloud</a> et l'utiliser pour vous connecter à Glitchtip !</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Connecter Glitchtip à une application</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous allons réutiliser l'exemple d'application akka que nous avons utilisé pour <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/06/09/deployer-une-application-scala-akka-avec-integration-postgresql/">notre blogpost exemple scala</a>. Et nous verrons ensuite comment nous pouvons transmettre nos propres logs d'erreurs à Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer un projet Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La première étape sera de se connecter avec le nouvel utilisateur root (ou tout utilisateur Glitchtip que vous avez créé ou lié à un réseau/application sociale). Glitchtip vous demandera de créer votre organisation. Dans notre cas, nous avons choisi <code>clever-cloud</code>. Comme nous voulons surveiller les logs d'erreur de notre application, nous devrons créer un nouveau projet directement dans l'interface de Glitchtip. Appelons-le "myakka" et créons l'équipe "Scala-dev" qui lui est associée.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Une fois que ce projet est créé, vous serez en mesure d'obtenir un <code>DSN</code>. Nous le chargerons plus tard comme variable d'environnement pour l'application akka.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer un Token Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Allez dans <code>Profile/auth token</code> et créez un nouveau jeton Glitchtip avec au moins les droits suivants : read, write et releases. Sauvegardez-le pour plus tard.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer l'application d'exemple AKKA sur Clever Cloud</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La première étape consiste à déployer l'application AKKA sur Clever Cloud comme mentionné dans <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/06/09/deployer-une-application-scala-akka-avec-integration-postgresql/">le blogpost scala exemple</a>. <a href="https://github.com/CleverCloud/scala-akka-http-postgres-example" target="_blank" rel="noreferrer noopener">Clonez</a> le projet, et au lieu de la branche principale, utilisez la branche <code>blogpost-sentry</code>. </p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Clone Clever Cloud akka example project:
git clone https://github.com/CleverCloud/scala-akka-http-postgres-example.git

# Checkout blogpost-sentry
git checkout blogpost-sentry
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Dans cette branche, nous mettons à jour l’application pour se connecter à Sentry. Ensuite, nous envoyons seulement les logs HTTP du serveur de départ avec un statut personnalisé (succès ou échec). Voici le code que nous utilisons dans la branche <code>blogpost-sentry</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Register Sentry
Sentry.init(sentryConfig.sentryDsn)

# Send a message to Sentry with a tag
Sentry.getContext().addTag("status", status)
Sentry.capture(message)
Sentry.getContext().clear()
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p><strong>De plus, vous devez ajouter </strong>un fichier <code>.sentryclirc</code>. Ce fichier doit contenir :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">[defaults]
url=GLITCHTIP_APP_DOMAIN_NAME
org=clever-cloud
project=myakka
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer les variables d'environnement de Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Utilisez le script <code>post_build.sh</code> comme <code>CC_POST_BUILD_HOOK</code>. Ceci lancera le <code>sbt flywayMigrate</code> obligatoire ainsi que la création d'une nouvelle version sur Sentry (basée sur le commit ID).</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Set CC_POST_BUILD_HOOK
clever env -a myakka set CC_POST_BUILD_HOOK "./post_build.sh"
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Vous devez également définir le jeton Glitchtip et le dsn Glitchtip comme variables d'environnement :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Set Glitchip required env variables
clever env -a myakka set SENTRY_AUTH_TOKEN &lt; custom_glitchtip_token &gt;  
clever env -a myakka set SENTRY_DSN &lt; custom_glitchtip_dsn &gt;  
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer l'application</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Vous pouvez maintenant déployer le projet myakka :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Deploy myakka
clever deploy
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Essayez-la</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dès que c'est fait, vous devriez voir votre première issue sur Glitchip ! C'est tout, vous pouvez maintenant ajouter toutes les applications que vous voulez à Glitchtip et profiter de cet outil pour centraliser les logs et erreurs de vos applications. Si vous êtes habitué à ce produit ou si vous venez de l'essayer, n'hésitez pas à nous faire part de vos retours <a href="https://twitter.com/clever_cloudFR">sur Twitter</a>.</p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2022/06/glitchtip.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="glitchtip" decoding="async" srcset="https://cdn.clever-cloud.com/uploads/2022/06/glitchtip.png 1400w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2022/06/glitchtip-1368x528.png 1368w" sizes="(max-width: 1400px) 100vw, 1400px" /></p><!-- wp:paragraph -->
<p>Chez Clever Cloud, nous aimons avoir un certain contexte sur le statut et les logs de nos applications. C'est pourquoi nous avons déployé un grand nombre d'outils pour obtenir une certaine observabilité. Beaucoup d'entre eux sont disponibles gratuitement pour nos clients (une vue des logs, une vue des métriques ou Grafana). Cependant, il existe des outils que nous utilisons en interne et qui pourraient être utiles à beaucoup. Nous avons récemment découvert <a href="https://glitchtip.com/" target="_blank" rel="noreferrer noopener">glichtip</a>, qui est un outil de suivi des erreurs en open source. Glichtip est une excellente alternative à Sentry et moins complexe à déployer. Nous ajouterons que Glichtip est compatible avec le <a href="https://docs.sentry.io/platforms/" target="_blank" rel="noreferrer noopener">SDK open source de Sentry</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Contexte</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons utilisé Sentry pour analyser les erreurs provenant des logs de nos propres applications. Nous utilisions encore la version 9.1 jusqu'à ce que nous ayons trop de difficultés à la faire fonctionner. Nous devions alors faire une mise à jour ou trouver une nouvelle solution. Toutes les versions de Sentry postérieures à 9.1 nécessitent beaucoup plus de composants à déployer (comme Kafka, Snuba ou Clickhouse). Il est toujours possible de le déployer avec un <a href="https://develop.sentry.dev/self-hosted/" target="_blank" rel="noreferrer noopener">script auto-hébergé</a>. Nous voulions que chaque composant soit autonome en dehors de l'application principale de Sentry, cela signifiait que nous devions fournir une authentification à tous les composants. Ce n'était pas un gros problème, mais cela nous aurait pris plus de temps que prévu. Et en même temps, nous avons découvert un nouveau projet : Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Glitchtip</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout a commencé par un <a href="https://twitter.com/aeris22/status/1516411508225417228?t=EdjijoImwBdKwOjI63m5-A&amp;s=19" target="_blank" rel="noreferrer noopener">tweet</a> français, sur la découverte d'un nouvel outil : <a href="https://glitchtip.com/" target="_blank" rel="noreferrer noopener">Glitchtip</a>. Ce tweet disait que Glitchtip était compatible avec Sentry, gratuit et facile à auto-héberger, c'était donc évident que nous allions l'essayer !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Que fournit Glitchtip ? A l'intérieur de votre application, avec le SDK Sentry, vous transférez certains de vos logs d'erreurs. Ensuite, l'outil vous aide à suivre ces erreurs, à mieux comprendre quand une nouvelle version de l'outil crée de nouvelles erreurs, à les organiser ou à les rechercher… En un mot, c'est un outil très utile pour déboguer vos logiciels déployés.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Déploiement sur Clever Cloud</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configuration</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d'abord, nous allons télécharger le projet Docker Glitchtip et le personnaliser un peu pour correspondre à la façon dont les applications Docker sont exécutées dans Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Get latest Glitchtip release
git clone https://gitlab.com/glitchtip/glitchtip.git

# Go to the folder
cd glitchtip
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Ensuite, ouvrez votre IDE de code préféré et ouvrez le <code>Dockerfile</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Remove
FROM glitchtip/glitchtip:latest

# And add instead:
FROM glitchtip/glitchtip:v1.12.2

COPY docker-entrypoint.sh /entrypoint.sh
ENTRYPOINT ["/entrypoint.sh"]
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Ici, nous allons mettre en place la dernière version de Glitchtip. Au moment où nous écrivions ce blog, il s'agissait de la <code>v1.12.2. </code>Vous pouvez les trouver <a href="https://hub.docker.com/r/glitchtip/glitchtip/tags" target="_blank" rel="noreferrer noopener">ici</a>. Nous mettons en place un nouveau script pour utiliser <code>docker-entrypoint.sh</code> qui nous permettra de démarrer soit l'application web Glitchtip soit le travailleur Glitchtip. Le <code>docker-entrypoint.sh</code> doit contenir le script suivant :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># docker-entrypoint.sh script:
#!/bin/bash

if [ "${START_TARGET}" = "worker" ]; then
  mkdir /tmp/sandboxed
	cd /tmp/sandboxed &amp;&amp; nohup python -m http.server 8080 &amp;
	/code/bin/run-celery-with-beat.sh
else
  /code/bin/start.sh
fi

# Don't forget to make it executable:
chmod u+x docker-entrypoint.sh
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Glitchtip est livré avec un <code>Dockerfile</code>, ce qui signifie que nous utiliserons un <a href="https://www.clever.cloud/developers/deploy/application/java/java-jar/">runtime docker</a>. Il nécessite également une <a href="https://www.postgresql.org/" target="_blank" rel="noreferrer noopener">base de données PostgreSQL</a> et un<a href="https://redis.io/" target="_blank" rel="noreferrer noopener"> cache Redis</a>, ce qui signifie que nous allons déployer un <a href="https://www.clever.cloud/developers/doc/addons/postgresql/">addon PostgreSQL</a> et un <a href="https://www.clever.cloud/developers/doc/addons/redis/">addon Redis</a>. L'ajout d'une option <code>-o</code> dans toutes les lignes de commande <code>create</code> peut être utilisé pour spécifier l'organisation à utiliser.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Create the docker applications:
clever create --type docker glitchtip-web
clever create --type docker glitchtip-worker

# Create the PG addon
clever addon create postgresql-addon --plan s_sml --addon-version 14 glitchtip-postgres

# Link the addon
clever service link-addon glitchtip-postgres -a glitchtip-web
clever service link-addon glitchtip-postgres -a glitchtip-worker

# Create the Redis addon
clever addon create redis-addon --plan s_mono glitchtip-redis

# Link the addon
clever service link-addon glitchtip-redis -a glitchtip-web
clever service link-addon glitchtip-redis -a glitchtip-worker
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour l'instant nous allons configurer Glitchtip à travers des variables d'environnement. Comme nous utilisons plusieurs applications, nous allons déployer un fournisseur de configuration addon.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Create a config addon:
clever addon create config-provider --plan std glitchtip-config

# Link the addon
clever service link-addon glitchtip-config -a glitchtip-web
clever service link-addon glitchtip-config -a glitchtip-worker

</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Maintenant que nous avons déployé un fournisseur d'addon de configuration, mettons à jour sa configuration. Pour ce faire, allez dans la console Clever Cloud et sélectionnez le <code>glitchtip-config</code>. Dans le panneau des variables, sélectionnez le mode expert et ajoutez la variable requise suivante, (remplissez leur valeur en fonction du commentaire fourni) :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># In the config addon provider add:
CC_DOCKER_EXPOSED_HTTP_PORT="8080"
# Copy paste here the POSTGRESQL_ADDON_URI environment variable of the glitchtip-postgres addon 
DATABASE_URL="postgresql://user:password@host:port/database"
# Provide a valid email server
EMAIL_URL="smtp://email:password@smtp_url:port"
# Copy paste here the application domain name of the glitchtip-web application instead (should look like: https://app-da7a7a7a-da7a-4242-7a7a-da7a42427a7a.cleverapps.io)
GLITCHTIP_DOMAIN="MY_APP_DOMAIN_NAME"
# Copy paste here the REDIS_ADDON's environment variable of the glitchtip-redis addon 
REDIS_HOST= &lt; REDIS_HOST &gt;
REDIS_PASSWORD= &lt; REDIS_PASSWORD &gt; 
REDIS_PORT= &lt; REDIS_PORT &gt;
# Generate your own custom secret key for Glitchtip
SECRET_KEY= &lt; choose a secret key &gt;
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Notez que vous pouvez trouver plus d'informations sur la façon de configurer Glitchtip dans sa <a href="https://glitchtip.com/documentation/install#configuration" target="_blank" rel="noreferrer noopener">documentation</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Chaque application docker nécessite également une certaine configuration personnalisée :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">#glitchtip-web custom env
clever env set CC_RUN_SUCCEEDED_HOOK "./manage.py migrate" -a glitchtip-web
clever env set START_TARGET "web" -a glitchtip-web
#glitchtip-worker custom env
clever env set START_TARGET "worker" -a glitchtip-worker
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer et exécuter</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Maintenant que tout est prêt, il est temps de déployer et d'exécuter votre application Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Remove initial git
rm -r .git 

# Init a git repository
git init

# Add your files
git add .

# Commit the changes
git commit -m "clever init and deploy"

# Deploy the application
clever deploy -a glitchtip-web
clever deploy -a glitchtip-worker

# Open Glitchtip in your browser
clever open -a glitchtip-web
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Votre glitchtip est maintenant presque prêt à être utilisé. Une dernière action est nécessaire : vous devez créer un super utilisateur pour administrer Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Connect in SSH to your Clever application:
clever ssh -a glitchtip-web

# Run 
./manage.py createsuperuser
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Bon travail ! Vous devriez maintenant avoir un accès à la page d'administration de glitchtip (disponible sur le path /admin de votre application). Vous pouvez alors créer des utilisateurs ou vous connecter à votre réseau/application sociale préférée pour authentifier vos utilisateurs. Vous trouverez plus d'informations sur la <a href="https://glitchtip.com/documentation/install#django-admin" target="_blank" rel="noreferrer noopener">documentation</a>. Vous pouvez définir <a href="https://www.clever.cloud/blog/fonctionnalites/2022/05/11/how-to-deploy-keycloak-on-clever-cloud/">votre propre keycloak sur Clever Cloud</a> et l'utiliser pour vous connecter à Glitchtip !</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Connecter Glitchtip à une application</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous allons réutiliser l'exemple d'application akka que nous avons utilisé pour <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/06/09/deployer-une-application-scala-akka-avec-integration-postgresql/">notre blogpost exemple scala</a>. Et nous verrons ensuite comment nous pouvons transmettre nos propres logs d'erreurs à Glitchtip.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer un projet Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La première étape sera de se connecter avec le nouvel utilisateur root (ou tout utilisateur Glitchtip que vous avez créé ou lié à un réseau/application sociale). Glitchtip vous demandera de créer votre organisation. Dans notre cas, nous avons choisi <code>clever-cloud</code>. Comme nous voulons surveiller les logs d'erreur de notre application, nous devrons créer un nouveau projet directement dans l'interface de Glitchtip. Appelons-le "myakka" et créons l'équipe "Scala-dev" qui lui est associée.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Une fois que ce projet est créé, vous serez en mesure d'obtenir un <code>DSN</code>. Nous le chargerons plus tard comme variable d'environnement pour l'application akka.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer un Token Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Allez dans <code>Profile/auth token</code> et créez un nouveau jeton Glitchtip avec au moins les droits suivants : read, write et releases. Sauvegardez-le pour plus tard.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer l'application d'exemple AKKA sur Clever Cloud</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La première étape consiste à déployer l'application AKKA sur Clever Cloud comme mentionné dans <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2022/06/09/deployer-une-application-scala-akka-avec-integration-postgresql/">le blogpost scala exemple</a>. <a href="https://github.com/CleverCloud/scala-akka-http-postgres-example" target="_blank" rel="noreferrer noopener">Clonez</a> le projet, et au lieu de la branche principale, utilisez la branche <code>blogpost-sentry</code>. </p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Clone Clever Cloud akka example project:
git clone https://github.com/CleverCloud/scala-akka-http-postgres-example.git

# Checkout blogpost-sentry
git checkout blogpost-sentry
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Dans cette branche, nous mettons à jour l’application pour se connecter à Sentry. Ensuite, nous envoyons seulement les logs HTTP du serveur de départ avec un statut personnalisé (succès ou échec). Voici le code que nous utilisons dans la branche <code>blogpost-sentry</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Register Sentry
Sentry.init(sentryConfig.sentryDsn)

# Send a message to Sentry with a tag
Sentry.getContext().addTag("status", status)
Sentry.capture(message)
Sentry.getContext().clear()
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p><strong>De plus, vous devez ajouter </strong>un fichier <code>.sentryclirc</code>. Ce fichier doit contenir :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">[defaults]
url=GLITCHTIP_APP_DOMAIN_NAME
org=clever-cloud
project=myakka
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Configurer les variables d'environnement de Glitchtip</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Utilisez le script <code>post_build.sh</code> comme <code>CC_POST_BUILD_HOOK</code>. Ceci lancera le <code>sbt flywayMigrate</code> obligatoire ainsi que la création d'une nouvelle version sur Sentry (basée sur le commit ID).</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Set CC_POST_BUILD_HOOK
clever env -a myakka set CC_POST_BUILD_HOOK "./post_build.sh"
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Vous devez également définir le jeton Glitchtip et le dsn Glitchtip comme variables d'environnement :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Set Glitchip required env variables
clever env -a myakka set SENTRY_AUTH_TOKEN &lt; custom_glitchtip_token &gt;  
clever env -a myakka set SENTRY_DSN &lt; custom_glitchtip_dsn &gt;  
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Déployer l'application</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Vous pouvez maintenant déployer le projet myakka :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Deploy myakka
clever deploy
</code></pre>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Essayez-la</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dès que c'est fait, vous devriez voir votre première issue sur Glitchip ! C'est tout, vous pouvez maintenant ajouter toutes les applications que vous voulez à Glitchtip et profiter de cet outil pour centraliser les logs et erreurs de vos applications. Si vous êtes habitué à ce produit ou si vous venez de l'essayer, n'hésitez pas à nous faire part de vos retours <a href="https://twitter.com/clever_cloudFR">sur Twitter</a>.</p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Alertes Slack pour Grafana</title>
		<link>https://www.clever.cloud/fr/blog/fonctionnalites/2021/12/03/alertes-slack-pour-grafana/</link>
		
		<dc:creator><![CDATA[Aurélien Hebert]]></dc:creator>
		<pubDate>Fri, 03 Dec 2021 15:57:00 +0000</pubDate>
				<category><![CDATA[Fonctionnalités]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[metrics]]></category>
		<category><![CDATA[Observabilité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=4309</guid>

					<description><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="alertes slack pour grafana 2" decoding="async" srcset="https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2.png 1400w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-1368x528.png 1368w" sizes="(max-width: 1400px) 100vw, 1400px" /></p><!-- wp:paragraph -->
<p>Dans l'un de nos précédents blogposts, nous vous avons annoncé <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2021/10/28/grafana-pour-des-metriques-d-applications/">la sortie d'un Grafana Clever Cloud</a> dédié à toutes <a href="https://www.clever.cloud/developers/administrate/metrics/overview/#publish-your-own-metrics">nos métriques</a>.&nbsp;Et si maintenant, vous souhaitez en plus recevoir une <strong>alerte</strong> lorsqu'une application est dans un état <strong>anormal</strong> ? Grafana propose un service d'alerte qui est compatible avec notre backend Warp10. À présent, voyons comment créer une alerte Slack pour Grafana en utilisant une source de données <code>PromQL</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="grafana-notifier">Grafana <em>Notifier</em></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d'abord, avant de créer des alertes, nous devons configurer un <em>notifier</em> Grafana. Consultez la liste complète des <em>notifiers</em> Grafana supportés <a href="https://grafana.com/docs/grafana/latest/alerting/configure-notifications/manage-contact-points/#supported-contact-point-integrations">ici</a>. Mais, vous ne pourrez pas configurer les <em>notifiers</em> qui nécessitent un accès administrateur, comme l'email ou le SMTP. Dans cet exemple, nous allons configurer un canal Slack pour recevoir toutes les alertes Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="configurer-slack">Configurer Slack</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Afin de pouvoir recevoir des alertes sur Slack, Grafana demandera un <em>webhook</em>. Le processus pour en créer un avec slack est <a href="https://api.slack.com/messaging/webhooks">ici</a>. À la fin, vous devriez obtenir un <em>webhook</em> entrant actif.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4169,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/webHookSlack.png" alt="<em&gt;Webhook</em&gt; entrant sur Slack " class="wp-image-4169"/><figcaption class="wp-element-caption"><em>Webhook</em> entrant sur Slack </figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Copiez l'URL du<em> webhook</em> puis allez dans le panneau principal d'alerte (la cloche à gauche) et ajoutez un nouveau <code>canal de notification</code> <strong>slack</strong>. Configurez-le comme ci-dessous, dans le <code>champ URL du <em>webhook</em></code>, dans l'application Slack. Vous pouvez définir le nom de votre choix.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4168,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Slack_notifier.png" alt="Ajouter un canal de notification Slack" class="wp-image-4168"/><figcaption class="wp-element-caption">Ajouter un canal de notification Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Avant de valider, vous pouvez tester votre intégration sur Slack avec le bouton <code>Test</code>. Sans attendre, dans le canal Slack de la configuration, vous recevrez alors un message de test.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4170,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Test_Slack_Message.png" alt="Message test pour les notifications Slack" class="wp-image-4170"/><figcaption class="wp-element-caption">Message test pour les notifications Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="les-alertes-sur-grafana">Les alertes sur Grafana</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Maintenant que nous avons activé un <em>notifier</em> d'alerte, créons une alerte dans Grafana. </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="les-metriques-disponibles-de-clever-cloud">Les métriques disponibles de Clever Cloud</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous allons commencer par l'un des modèles de tableaux que nous proposons sur Grafana. Nous avons donc déployé une application de preview sur une organisation Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4171,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Application.png" alt="Tableau d'app personnalisée Clever Cloud" class="wp-image-4171"/><figcaption class="wp-element-caption">Tableau d'app personnalisée Clever Cloud</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Pour la suite de ce post, nous allons travailler sur les métriques de <code>average_load</code>. Comme vous pouvez voir ci-dessous, il s'agit d'une simple requête PromQL. Cependant, elle inclut des variables personnalisées <code>APP_ID et DEPLOY_ID</code> qui ne<strong> sont pas prises en charge par les alertes Grafana !</strong></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4172,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Dashboard.png" alt="Graphique du runtime load" class="wp-image-4172"/><figcaption class="wp-element-caption">Graphique du runtime load</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Avant d'activer l'alerte, nous allons garder quelque part cette requête de graphique <code>system.load1_per_cpu{app_id="APP_ID"}</code>. Nous allons simplement remplacer la variable <code>APP_ID</code> par sa valeur, qui est disponible en haut du tableau.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4173,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Runtime_ID.png" alt="Identification du runtime" class="wp-image-4173"/><figcaption class="wp-element-caption">Identification du runtime</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, pour ne pas perdre nos alertes personnalisées à chaque mise à jour des modèles de tableaux Clever Cloud, créez un nouveau tableau de bord.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4174,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Create-ne-Dashboard.png" alt="Créer un nouveau tableau de bord" class="wp-image-4174"/><figcaption class="wp-element-caption">Créer un nouveau tableau de bord</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enregistrez-le également dans un dossier dédié qui n'est pas <code>Clever Cloud</code>, dans notre exemple, nous avons choisi <code>alerting</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4175,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/SaveDashboard.png" alt="Sauvegarder le nouveau tableau" class="wp-image-4175"/><figcaption class="wp-element-caption">Sauvegarder le nouveau tableau</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enfin, dans ce nouveau tableau, créez le même graphique de load avec la requête <code>system.load1_per_cpu{app_id="APP_ID"}</code>. Comme vu précédemment, remplacez <code>APP_ID</code> par votre propre ID d'application. Pour la source de données, sélectionnez celle de <code>PromQL</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4176,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/TestAlertDashQuery.png" alt="Graphique d'alerte de loads" class="wp-image-4176"/><figcaption class="wp-element-caption">Graphique d'alerte de loads</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="configurer-l-alerte">Configurer l'alerte</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>A cette étape, nous avons un nouveau graphique où nous pouvons mettre en place une première alerte sur le load de notre application. Pour cela, allez dans le panneau <code>Alerte</code>, et configurez l'alerte en fonction du paramètre que vous souhaitez. Pour faire rapidement fonctionner une alerte, je configure la condition pour vérifier si mes métriques sont inférieures à la valeur 0.2.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4177,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/CreateFirstAlert.png" alt="Section des conditions d'alerte" class="wp-image-4177"/><figcaption class="wp-element-caption">Section des conditions d'alerte</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, toujours dans le panneau <code>Alerte</code>, ajoutez le <em>notifier</em> que vous avez créé dans la première section. Ici, vous pouvez personnaliser l'alerte que vous recevrez dans slack : ajout d'un message et de balises personnalisées.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4179,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/NotificationGrafana.png" alt="Section <em&gt;notifier</em&gt;" class="wp-image-4179"/><figcaption class="wp-element-caption">Section <em>notifier</em></figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Puis, une fois que vous avez configuré votre alerte, vous pouvez tester la règle avec le bouton <code>tester la règle</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4178,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/TestingAlertRule.png" alt="Résultat de la règle de test" class="wp-image-4178"/><figcaption class="wp-element-caption">Résultat de la règle de test</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, il ne vous reste plus qu'à attendre qu'une alerte apparaisse sur Slack ! En outre, chaque changement d'état d'alerte sera indiqué sur le graphique. Après environ cinq minutes, comme la condition d'état d'alerte était atteinte, j'ai bien obtenu deux changements d'état : un en attente et un en alerte. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4180,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/FirstAlertV2.png" alt="États d'alerte" class="wp-image-4180"/><figcaption class="wp-element-caption">États d'alerte</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Dès que l'état d'alerte se produit, un message Slack est envoyé par le <em>notifier</em>. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4181,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertInSlack.png" alt="Message test pour les alertes Slack" class="wp-image-4181"/><figcaption class="wp-element-caption">Message test pour les alertes Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enfin, j'aimerais retrouver un état plus "normal". Pour ce faire, je mets à jour ma condition d'alerte et la fixe à <strong>plus de</strong> <code>0,8</code>, ce qui est une valeur plus classique pour un seuil d'alerte pour la métrique de load.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4182,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/ChangeRuleAlert.png" alt="Condition d'alerte au dessus de 0.8" class="wp-image-4182"/><figcaption class="wp-element-caption">Condition d'alerte au dessus de 0.8</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Instantanément (ou presque), l'état de l'alerte change et vient <strong>OK</strong> !</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4183,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertOk.png" alt="L'état d'alerte est ok " class="wp-image-4183"/><figcaption class="wp-element-caption">L'état d'alerte est ok </figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Juste après, Grafana envoie également un message à Slack pour mettre fin à l'issue !</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4184,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertOkSlack.png" alt="Alerte ok " class="wp-image-4184"/><figcaption class="wp-element-caption">Alert ok </figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="pour-resumer">Pour résumer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Désormais, vous devriez être en mesure de configurer vos propres alertes sur Slack pour Grafana ! Vous pouvez jouer avec le temps d'attente, la condition d'alerte, le moment de déclenchement, le contenu du message d'alerte, les balises, etc. En fait, tout ce dont vous avez besoin est une requête <code>PromQL</code> fonctionnelle. Néanmoins, n'oubliez pas que les alertes Grafana ne prennent pas en charge les variables des tableaux. En dehors de cela, vous devriez être en mesure de personnaliser l'alerte comme vous le souhaitez !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>J'espère que vous apprécierez et n'hésitez pas à nous faire part de vos remarques et idées sur le produit Alerting et Metrics. Nous serons heureux de recevoir votre avis. Vous pouvez me contacter directement sur Twitter, ou à poster un commentaire dans <a href="https://www.clever.cloud/developers/administrate/metrics/overview/#comments">l'aperçu des métriques</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="alertes slack pour grafana 2" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2.png 1400w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2021/12/alertes-slack-pour-grafana-2-1368x528.png 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p><!-- wp:paragraph -->
<p>Dans l'un de nos précédents blogposts, nous vous avons annoncé <a href="https://www.clever.cloud/fr/blog/fonctionnalites/2021/10/28/grafana-pour-des-metriques-d-applications/">la sortie d'un Grafana Clever Cloud</a> dédié à toutes <a href="https://www.clever.cloud/developers/administrate/metrics/overview/#publish-your-own-metrics">nos métriques</a>.&nbsp;Et si maintenant, vous souhaitez en plus recevoir une <strong>alerte</strong> lorsqu'une application est dans un état <strong>anormal</strong> ? Grafana propose un service d'alerte qui est compatible avec notre backend Warp10. À présent, voyons comment créer une alerte Slack pour Grafana en utilisant une source de données <code>PromQL</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="grafana-notifier">Grafana <em>Notifier</em></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d'abord, avant de créer des alertes, nous devons configurer un <em>notifier</em> Grafana. Consultez la liste complète des <em>notifiers</em> Grafana supportés <a href="https://grafana.com/docs/grafana/latest/alerting/configure-notifications/manage-contact-points/#supported-contact-point-integrations">ici</a>. Mais, vous ne pourrez pas configurer les <em>notifiers</em> qui nécessitent un accès administrateur, comme l'email ou le SMTP. Dans cet exemple, nous allons configurer un canal Slack pour recevoir toutes les alertes Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="configurer-slack">Configurer Slack</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Afin de pouvoir recevoir des alertes sur Slack, Grafana demandera un <em>webhook</em>. Le processus pour en créer un avec slack est <a href="https://api.slack.com/messaging/webhooks">ici</a>. À la fin, vous devriez obtenir un <em>webhook</em> entrant actif.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4169,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/webHookSlack.png" alt="<em&gt;Webhook</em&gt; entrant sur Slack " class="wp-image-4169"/><figcaption class="wp-element-caption"><em>Webhook</em> entrant sur Slack </figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Copiez l'URL du<em> webhook</em> puis allez dans le panneau principal d'alerte (la cloche à gauche) et ajoutez un nouveau <code>canal de notification</code> <strong>slack</strong>. Configurez-le comme ci-dessous, dans le <code>champ URL du <em>webhook</em></code>, dans l'application Slack. Vous pouvez définir le nom de votre choix.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4168,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Slack_notifier.png" alt="Ajouter un canal de notification Slack" class="wp-image-4168"/><figcaption class="wp-element-caption">Ajouter un canal de notification Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Avant de valider, vous pouvez tester votre intégration sur Slack avec le bouton <code>Test</code>. Sans attendre, dans le canal Slack de la configuration, vous recevrez alors un message de test.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4170,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Test_Slack_Message.png" alt="Message test pour les notifications Slack" class="wp-image-4170"/><figcaption class="wp-element-caption">Message test pour les notifications Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="les-alertes-sur-grafana">Les alertes sur Grafana</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Maintenant que nous avons activé un <em>notifier</em> d'alerte, créons une alerte dans Grafana. </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="les-metriques-disponibles-de-clever-cloud">Les métriques disponibles de Clever Cloud</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous allons commencer par l'un des modèles de tableaux que nous proposons sur Grafana. Nous avons donc déployé une application de preview sur une organisation Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4171,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Application.png" alt="Tableau d'app personnalisée Clever Cloud" class="wp-image-4171"/><figcaption class="wp-element-caption">Tableau d'app personnalisée Clever Cloud</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Pour la suite de ce post, nous allons travailler sur les métriques de <code>average_load</code>. Comme vous pouvez voir ci-dessous, il s'agit d'une simple requête PromQL. Cependant, elle inclut des variables personnalisées <code>APP_ID et DEPLOY_ID</code> qui ne<strong> sont pas prises en charge par les alertes Grafana !</strong></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4172,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Dashboard.png" alt="Graphique du runtime load" class="wp-image-4172"/><figcaption class="wp-element-caption">Graphique du runtime load</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Avant d'activer l'alerte, nous allons garder quelque part cette requête de graphique <code>system.load1_per_cpu{app_id="APP_ID"}</code>. Nous allons simplement remplacer la variable <code>APP_ID</code> par sa valeur, qui est disponible en haut du tableau.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4173,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Runtime_ID.png" alt="Identification du runtime" class="wp-image-4173"/><figcaption class="wp-element-caption">Identification du runtime</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, pour ne pas perdre nos alertes personnalisées à chaque mise à jour des modèles de tableaux Clever Cloud, créez un nouveau tableau de bord.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4174,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/Create-ne-Dashboard.png" alt="Créer un nouveau tableau de bord" class="wp-image-4174"/><figcaption class="wp-element-caption">Créer un nouveau tableau de bord</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enregistrez-le également dans un dossier dédié qui n'est pas <code>Clever Cloud</code>, dans notre exemple, nous avons choisi <code>alerting</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4175,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/SaveDashboard.png" alt="Sauvegarder le nouveau tableau" class="wp-image-4175"/><figcaption class="wp-element-caption">Sauvegarder le nouveau tableau</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enfin, dans ce nouveau tableau, créez le même graphique de load avec la requête <code>system.load1_per_cpu{app_id="APP_ID"}</code>. Comme vu précédemment, remplacez <code>APP_ID</code> par votre propre ID d'application. Pour la source de données, sélectionnez celle de <code>PromQL</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4176,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/TestAlertDashQuery.png" alt="Graphique d'alerte de loads" class="wp-image-4176"/><figcaption class="wp-element-caption">Graphique d'alerte de loads</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="configurer-l-alerte">Configurer l'alerte</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>A cette étape, nous avons un nouveau graphique où nous pouvons mettre en place une première alerte sur le load de notre application. Pour cela, allez dans le panneau <code>Alerte</code>, et configurez l'alerte en fonction du paramètre que vous souhaitez. Pour faire rapidement fonctionner une alerte, je configure la condition pour vérifier si mes métriques sont inférieures à la valeur 0.2.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4177,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/CreateFirstAlert.png" alt="Section des conditions d'alerte" class="wp-image-4177"/><figcaption class="wp-element-caption">Section des conditions d'alerte</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, toujours dans le panneau <code>Alerte</code>, ajoutez le <em>notifier</em> que vous avez créé dans la première section. Ici, vous pouvez personnaliser l'alerte que vous recevrez dans slack : ajout d'un message et de balises personnalisées.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4179,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/NotificationGrafana.png" alt="Section <em&gt;notifier</em&gt;" class="wp-image-4179"/><figcaption class="wp-element-caption">Section <em>notifier</em></figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Puis, une fois que vous avez configuré votre alerte, vous pouvez tester la règle avec le bouton <code>tester la règle</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4178,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/TestingAlertRule.png" alt="Résultat de la règle de test" class="wp-image-4178"/><figcaption class="wp-element-caption">Résultat de la règle de test</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Ensuite, il ne vous reste plus qu'à attendre qu'une alerte apparaisse sur Slack ! En outre, chaque changement d'état d'alerte sera indiqué sur le graphique. Après environ cinq minutes, comme la condition d'état d'alerte était atteinte, j'ai bien obtenu deux changements d'état : un en attente et un en alerte. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4180,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/FirstAlertV2.png" alt="États d'alerte" class="wp-image-4180"/><figcaption class="wp-element-caption">États d'alerte</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Dès que l'état d'alerte se produit, un message Slack est envoyé par le <em>notifier</em>. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4181,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertInSlack.png" alt="Message test pour les alertes Slack" class="wp-image-4181"/><figcaption class="wp-element-caption">Message test pour les alertes Slack</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Enfin, j'aimerais retrouver un état plus "normal". Pour ce faire, je mets à jour ma condition d'alerte et la fixe à <strong>plus de</strong> <code>0,8</code>, ce qui est une valeur plus classique pour un seuil d'alerte pour la métrique de load.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4182,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/ChangeRuleAlert.png" alt="Condition d'alerte au dessus de 0.8" class="wp-image-4182"/><figcaption class="wp-element-caption">Condition d'alerte au dessus de 0.8</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Instantanément (ou presque), l'état de l'alerte change et vient <strong>OK</strong> !</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4183,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertOk.png" alt="L'état d'alerte est ok " class="wp-image-4183"/><figcaption class="wp-element-caption">L'état d'alerte est ok </figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Juste après, Grafana envoie également un message à Slack pour mettre fin à l'issue !</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4184,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://cdn.clever-cloud.com/uploads/2021/11/AlertOkSlack.png" alt="Alerte ok " class="wp-image-4184"/><figcaption class="wp-element-caption">Alert ok </figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="pour-resumer">Pour résumer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Désormais, vous devriez être en mesure de configurer vos propres alertes sur Slack pour Grafana ! Vous pouvez jouer avec le temps d'attente, la condition d'alerte, le moment de déclenchement, le contenu du message d'alerte, les balises, etc. En fait, tout ce dont vous avez besoin est une requête <code>PromQL</code> fonctionnelle. Néanmoins, n'oubliez pas que les alertes Grafana ne prennent pas en charge les variables des tableaux. En dehors de cela, vous devriez être en mesure de personnaliser l'alerte comme vous le souhaitez !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>J'espère que vous apprécierez et n'hésitez pas à nous faire part de vos remarques et idées sur le produit Alerting et Metrics. Nous serons heureux de recevoir votre avis. Vous pouvez me contacter directement sur Twitter, ou à poster un commentaire dans <a href="https://www.clever.cloud/developers/administrate/metrics/overview/#comments">l'aperçu des métriques</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
