<?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>Features Archives | Clever Cloud</title>
	<atom:link href="https://www.clever.cloud/fr/blog/tag/features/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.clever.cloud/fr/blog/tag/features/</link>
	<description>From Code to Product</description>
	<lastBuildDate>Wed, 01 Apr 2026 09:06:07 +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>Features Archives | Clever Cloud</title>
	<link>https://www.clever.cloud/fr/blog/tag/features/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Nouveauté IAM : ce que permet notre Keycloak managé aujourd’hui</title>
		<link>https://www.clever.cloud/fr/blog/engineering-fr/2026/02/20/nouveaute-iam-keycloak-manage/</link>
		
		<dc:creator><![CDATA[Carine Guillemet]]></dc:creator>
		<pubDate>Fri, 20 Feb 2026 09:53:08 +0000</pubDate>
				<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever.cloud/?p=23419</guid>

					<description><![CDATA[<p><img width="1600" height="710" src="https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="2026 02 16 clever cloud banniere blog keycloak manage fr" decoding="async" fetchpriority="high" srcset="https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr.png 1600w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-300x133.png 300w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1024x454.png 1024w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-768x341.png 768w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1536x682.png 1536w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1368x607.png 1368w" sizes="(max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>L’Identity and Access Management (IAM) est devenu un composant central de toute architecture moderne. Authentification, gestion des utilisateurs, contrôle des accès, conformité réglementaire : ces briques sont critiques, mais leur mise en œuvre et leur exploitation restent souvent complexes dans la durée.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>C’est pour répondre à ces enjeux que Clever Cloud a lancé l'IAM&nbsp;<strong><a href="https://www.clever.cloud/product/managed-keycloak-as-a-service/" type="link" id="https://www.clever.cloud/product/managed-keycloak-as-a-service/">Keycloak as a Service</a></strong>&nbsp;au printemps 2025, en&nbsp;<strong>partenariat avec <a href="https://please-open.it" type="link" id="https://please-open.it">Please Open It</a></strong>, société spécialisée dans l’intégration et l’expertise autour de Keycloak. Cette collaboration a permis de concevoir un service managé, aligné à la fois sur les bonnes pratiques de l’open source et sur les contraintes réelles des environnements de production.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Depuis son lancement, Keycloak as a Service a connu de nombreuses évolutions pour répondre aux usages concrets des entreprises et aux exigences d’un IAM opéré à grande échelle.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://console.clever-cloud.com">Tester Keycloak</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://www.clever.cloud/fr/contact/">En parler avec un commercial</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Un Keycloak managé, pensé pour la production</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Keycloak as a Service repose sur une approche simple : offrir toute la richesse fonctionnelle de Keycloak, sans demander aux équipes de gérer l’infrastructure, la maintenance ou la supervision.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le service est intégré nativement à la Console Clever Cloud. Il devient ainsi une brique à part entière de la plateforme, pilotable depuis un point unique, au même titre que les autres services managés.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Secured Multi Instances : haute disponibilité et montée en charge</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Parmi les évolutions majeures figure le&nbsp;<strong>Secured Multi Instances</strong>. Il permet de déployer Keycloak en mode clusterisé, avec plusieurs nœuds, afin d’assurer la répartition de charge et la haute disponibilité d’un composant critique comme l’IAM.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette architecture renforce la continuité de service et la capacité à absorber la montée en charge, tout en répondant aux exigences attendues en production. La configuration et le pilotage de cette architecture sont accessibles directement depuis la Console Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Un dashboard dédié dans la Console</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Un&nbsp;<strong>dashboard Keycloak</strong>&nbsp;est désormais disponible dans la Console Clever Cloud. Il centralise les informations essentielles du service ainsi que les actions d’administration courantes, afin de simplifier le pilotage au quotidien et d’éviter la multiplication des outils.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":23463,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2026/02/keycloak-dashboard-1-1024x630.webp" alt="" class="wp-image-23463"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Monitoring intégré et inclus</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Le&nbsp;<strong>monitoring est intégré nativement</strong>&nbsp;au service. La visibilité opérationnelle est immédiatement disponible, sans configuration supplémentaire ni déploiement d’outils externes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette approche intégrée permet de simplifier l’exploitation tout en conservant un haut niveau de maîtrise sur le fonctionnement de l’IAM.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Maintenance continue et mises à jour</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Keycloak managé est&nbsp;<strong>maintenu à jour</strong>&nbsp;par les équipes Clever Cloud. Les versions récentes de Keycloak sont mises à disposition au fil des évolutions du produit, sans charge opérationnelle côté client.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cela permet de bénéficier des correctifs de sécurité et des évolutions fonctionnelles, sans projets de montée de version lourds ou risqués.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>L’ajout simplifié à vos applications</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Enfin, une évolution plus structurelle concerne <a href="https://www.clever.cloud/developers/doc/develop/request-flow/" type="link" id="https://www.clever.cloud/developers/doc/develop/request-flow/">Request Flow</a>, un socle technique qui facilite l’utilisation d’outils afin de protéger l’accès à vos applications, dont OAuth2-Proxy. <br><br>Ce dernier est compatible avec Keycloak, sa configuration est simplifiée sur Clever Cloud, ce qui permet de mettre en place une identification en amont de l’application, sans modification du code applicatif. Il est particulièrement adapté pour sécuriser des applications existantes, des back-offices, des outils internes ou des services exposés</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Pour aller plus loin</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour présenter ces évolutions en détail, partager les choix techniques et répondre aux questions, un&nbsp;<strong>live <a href="https://www.twitch.tv/clevercloud?lang=fr" type="link" id="https://www.twitch.tv/clevercloud?lang=fr">Twitch</a> et <a href="https://youtube.com/live/Jo-Njxsxq-8" type="link" id="https://youtube.com/live/Jo-Njxsxq-8">Youtube</a> est prévu le 26 février à 13h</strong>. Il sera animé par&nbsp;<strong>Horacio Gonzalez (Clever Cloud)</strong>, avec&nbsp;<strong>Mathieu Passenaud (Please Open It)</strong>. L’occasion d’entrer concrètement dans le fonctionnement de notre Keycloak managé et d’échanger autour des usages IAM en production.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1600" height="710" src="https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="2026 02 16 clever cloud banniere blog keycloak manage fr" decoding="async" srcset="https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr.png 1600w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-300x133.png 300w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1024x454.png 1024w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-768x341.png 768w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1536x682.png 1536w, https://cdn.clever-cloud.com/uploads/2026/02/2026-02-16-clever-cloud-banniere-blog-keycloak-manage-fr-1368x607.png 1368w" sizes="(max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>L’Identity and Access Management (IAM) est devenu un composant central de toute architecture moderne. Authentification, gestion des utilisateurs, contrôle des accès, conformité réglementaire : ces briques sont critiques, mais leur mise en œuvre et leur exploitation restent souvent complexes dans la durée.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>C’est pour répondre à ces enjeux que Clever Cloud a lancé l'IAM&nbsp;<strong><a href="https://www.clever.cloud/product/managed-keycloak-as-a-service/" type="link" id="https://www.clever.cloud/product/managed-keycloak-as-a-service/">Keycloak as a Service</a></strong>&nbsp;au printemps 2025, en&nbsp;<strong>partenariat avec <a href="https://please-open.it" type="link" id="https://please-open.it">Please Open It</a></strong>, société spécialisée dans l’intégration et l’expertise autour de Keycloak. Cette collaboration a permis de concevoir un service managé, aligné à la fois sur les bonnes pratiques de l’open source et sur les contraintes réelles des environnements de production.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Depuis son lancement, Keycloak as a Service a connu de nombreuses évolutions pour répondre aux usages concrets des entreprises et aux exigences d’un IAM opéré à grande échelle.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://console.clever-cloud.com">Tester Keycloak</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://www.clever.cloud/fr/contact/">En parler avec un commercial</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Un Keycloak managé, pensé pour la production</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Keycloak as a Service repose sur une approche simple : offrir toute la richesse fonctionnelle de Keycloak, sans demander aux équipes de gérer l’infrastructure, la maintenance ou la supervision.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le service est intégré nativement à la Console Clever Cloud. Il devient ainsi une brique à part entière de la plateforme, pilotable depuis un point unique, au même titre que les autres services managés.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Secured Multi Instances : haute disponibilité et montée en charge</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Parmi les évolutions majeures figure le&nbsp;<strong>Secured Multi Instances</strong>. Il permet de déployer Keycloak en mode clusterisé, avec plusieurs nœuds, afin d’assurer la répartition de charge et la haute disponibilité d’un composant critique comme l’IAM.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette architecture renforce la continuité de service et la capacité à absorber la montée en charge, tout en répondant aux exigences attendues en production. La configuration et le pilotage de cette architecture sont accessibles directement depuis la Console Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Un dashboard dédié dans la Console</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Un&nbsp;<strong>dashboard Keycloak</strong>&nbsp;est désormais disponible dans la Console Clever Cloud. Il centralise les informations essentielles du service ainsi que les actions d’administration courantes, afin de simplifier le pilotage au quotidien et d’éviter la multiplication des outils.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":23463,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2026/02/keycloak-dashboard-1-1024x630.webp" alt="" class="wp-image-23463"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Monitoring intégré et inclus</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Le&nbsp;<strong>monitoring est intégré nativement</strong>&nbsp;au service. La visibilité opérationnelle est immédiatement disponible, sans configuration supplémentaire ni déploiement d’outils externes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette approche intégrée permet de simplifier l’exploitation tout en conservant un haut niveau de maîtrise sur le fonctionnement de l’IAM.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>Maintenance continue et mises à jour</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Keycloak managé est&nbsp;<strong>maintenu à jour</strong>&nbsp;par les équipes Clever Cloud. Les versions récentes de Keycloak sont mises à disposition au fil des évolutions du produit, sans charge opérationnelle côté client.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cela permet de bénéficier des correctifs de sécurité et des évolutions fonctionnelles, sans projets de montée de version lourds ou risqués.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading"><strong>L’ajout simplifié à vos applications</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Enfin, une évolution plus structurelle concerne <a href="https://www.clever.cloud/developers/doc/develop/request-flow/" type="link" id="https://www.clever.cloud/developers/doc/develop/request-flow/">Request Flow</a>, un socle technique qui facilite l’utilisation d’outils afin de protéger l’accès à vos applications, dont OAuth2-Proxy. <br><br>Ce dernier est compatible avec Keycloak, sa configuration est simplifiée sur Clever Cloud, ce qui permet de mettre en place une identification en amont de l’application, sans modification du code applicatif. Il est particulièrement adapté pour sécuriser des applications existantes, des back-offices, des outils internes ou des services exposés</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Pour aller plus loin</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour présenter ces évolutions en détail, partager les choix techniques et répondre aux questions, un&nbsp;<strong>live <a href="https://www.twitch.tv/clevercloud?lang=fr" type="link" id="https://www.twitch.tv/clevercloud?lang=fr">Twitch</a> et <a href="https://youtube.com/live/Jo-Njxsxq-8" type="link" id="https://youtube.com/live/Jo-Njxsxq-8">Youtube</a> est prévu le 26 février à 13h</strong>. Il sera animé par&nbsp;<strong>Horacio Gonzalez (Clever Cloud)</strong>, avec&nbsp;<strong>Mathieu Passenaud (Please Open It)</strong>. L’occasion d’entrer concrètement dans le fonctionnement de notre Keycloak managé et d’échanger autour des usages IAM en production.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Materia KV : notre base de données clé-valeur serverless simple d’usage est accessible à tous</title>
		<link>https://www.clever.cloud/fr/blog/fonctionnalites/2024/06/11/materia-kv-notre-base-de-donnees-cle-valeur-serverless/</link>
		
		<dc:creator><![CDATA[David Legrand]]></dc:creator>
		<pubDate>Tue, 11 Jun 2024 11:38:03 +0000</pubDate>
				<category><![CDATA[Fonctionnalités]]></category>
		<category><![CDATA[développeur]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=12495</guid>

					<description><![CDATA[<p><img width="1600" height="800" src="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="2024 06 04  clever cloud  blog  materia alpha publique  fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr.png 1600w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-300x150.png 300w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1024x512.png 1024w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-768x384.png 768w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1536x768.png 1536w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1368x684.png 1368w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>Ils “poussent” leur code, nous le déployons, tout en assurant la mise à jour et la mise en sécurité de l’environnement dans lequel ils fonctionnent avec un objectif : le maintien en conditions opérationnelles. Quelle que soit la situation, leur service répond.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Penser des services simples, robustes et innovants</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous le faisons en garantissant une empreinte minimale au sein de nos serveurs, en proposant une mise à l’échelle horizontale/verticale à la demande ou automatique. Nous pouvons ainsi multiplier les instances ou les faire grossir/réduire selon la charge de vos sites. Cette volonté de simplicité va au-delà des applications, puisque nous disposons également d’une large offre de base de données (BDD) “as-a-service” vous permettant<a href="https://console.clever-cloud.com"> de déployer en quelques secondes</a> des environnements <a href="https://www.clever.cloud/fr/product/mongodb/">MongoDB</a>, <a href="https://www.clever.cloud/fr/product/mysql/">MySQL</a>, <a href="https://www.clever.cloud/fr/product/postgresql/">PostgreSQL</a> ou <a href="https://www.clever.cloud/fr/product/redis/">Redis</a>, avec les mêmes outils et garanties.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ces dernières années, nous faisions néanmoins face à des demandes récurrentes : outre la volonté de certains de nos clients d’avoir accès à d’autres solutions, ils nous demandaient régulièrement de disposer des avantages de <a href="https://www.clever.cloud/fr/infrastructure/">notre infrastructure répartie sur trois datacenters</a> afin d’obtenir des services à haute disponibilité. Mais dans le domaine des BDD, cela n'est pas toujours simple à mettre en place tout en assurant un bon niveau d’automatisation et la cohérence des données. Nous avons donc décidé de développer notre propre gamme de produits pour y parvenir.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le projet “<a href="https://www.clever.cloud/fr/materia-serverless/">Materia</a>” était né, reposant sur le moteur transactionnel open source <a href="https://www.foundationdb.org/" target="_blank" rel="noreferrer noopener">FoundationDB</a>, utilisé, par exemple, par <a href="https://www.apple.com/" target="_blank" rel="noreferrer noopener">Apple</a> pour ses services iCloud ainsi que par <a href="https://www.snowflake.com/en/" target="_blank" rel="noreferrer noopener">Snowflake</a>. Nous y contribuons et l’adaptons à nos besoins, tout en profitant de son aspect distribué et résilient, notamment du fait de son importante capacité de <a href="https://apple.github.io/foundationdb/testing.html" target="_blank" rel="noreferrer noopener">simulation</a>. Il nous permet d’imaginer un univers entier de solutions serverless, très simples d’usage, facturées à l'usage, avec des couches de comptabilité que nous développons pour permettre à nos clients de lui “parler” en utilisant des protocoles existants  tels que GraphQL ou PostgreSQL par exemple.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Materia KV accessible à tous</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons commencé par le protocole Redis, afin de mettre en place Materia KV, actuellement en phase de test Alpha. Il s’agit d’une base de données clé-valeur répliquée de manière synchrone sur nos trois datacenters parisiens. Lorsque nos serveurs vous répondent, c’est que votre donnée à été écrite trois fois. Surtout, elle est très simple d’usage : rendez-vous dans notre <a href="https://console.clever-cloud.com">Console</a>, créez un add-on Materia KV, vous obtiendrez instantanément un jeton (token) utilisable avec n’importe quel client Redis ou même en envoyant des commandes à nos serveurs directement via le protocole TCP.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ainsi, vous pouvez dès maintenant bénéficier d’une solution pour stocker vos données sous la forme de clé-valeur, en haute disponibilité, sans avoir la moindre instance à configurer, sans tarification minimale mensuelle : vous payerez simplement ce que vous consommez. Surtout, nous assurons ce service en compatibilité avec des protocoles existants. Aujourd’hui Redis, demain  GraphQL. La liste des commandes supportées est disponible<a href="https://developers.clever-cloud.com/doc/addons/materia-kv/#supported-types-and-commands">ici</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lancée à <a href="https://www.clever.cloud/fr/blog/entreprise/2024/04/16/materiadb-kv-functions/">Devoxx France mi-avril</a>, Materia KV a fait forte impression sur place et lors de nos démonstrations depuis. Nous avons donc décidé de la rendre accessible à tous afin de permettre à l’ensemble de nos clients et des curieux de nous faire part de leurs retours sur son fonctionnement et de leurs besoins. Si la facturation se fera à l’usage à partir de la phase de Beta, pour le moment, c’est gratuit ! N’hésitez pas à tester et <a href="https://github.com/CleverCloud/Community/discussions/categories/materia" target="_blank" rel="noreferrer noopener">à nous donner votre avis</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://console.clever-cloud.com/users/me/addons/new" target="_blank" rel="noreferrer noopener">Créer un add-on Materia KV</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://developers.clever-cloud.com/doc/addons/materia-kv/" target="_blank" rel="noreferrer noopener">La documentation de Materia KV</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Déjà intégré à nos outils et interfaces</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Materia KV est bien entendu accessible via un addon-provider au sein<a href="https://developers.clever-cloud.com/api/"> de notre API</a>, <a href="https://registry.terraform.io/providers/CleverCloud/clevercloud/latest/docs/" target="_blank" rel="noreferrer noopener">Terraform</a> (ou OpenTofu par exemple), mais aussi de notre CLI, les<a href="https://github.com/CleverCloud/clever-tools" target="_blank" rel="noreferrer noopener"> Clever Tools</a>. Pour créer un jeton d’accès il suffit de lancer la commande suivante :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever addon create kv NAME</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Cet add-on pourra être lié directement à une application Clever Cloud où ses variables d’environnement seront injectées. Mais vous pouvez également l’utiliser depuis n’importe quel service tiers, un client en ligne de commande (CLI) ou avec interface graphique (GUI).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Alors que le développement de Materia KV et de ses différentes interfaces va se faire sur la durée, nous avons commencé à réfléchir à son intégration au sein des Clever Tools. Ainsi, une branche de test, disponible<a href="https://github.com/CleverCloud/clever-tools/pull/725" target="_blank" rel="noreferrer noopener"> sous la forme de binaires</a> et<a href="https://github.com/CleverCloud/clever-tools/blob/davlgd-embedded-kv-client/docs/kv.md" target="_blank" rel="noreferrer noopener"> documentée</a>, propose une commande <code>clever kv</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Avec elle, vous pouvez directement envoyer des requêtes à Materia KV en ayant la variable d’environnement configurée localement, ou en indiquant un ID dans vos commandes :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash"># With Bash and Zsh
source <(clever addon env ADDON_ID --export)
# With Fish
clever addon env ADDON_ID --export | source

clever kv PING # PONG
clever kv set yourKey theValue
clever kv get yourKey</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Comme cette version de démonstration ne gère pas l’ensemble des commandes gérées par Materia KV, vous pouvez lui envoyer une commande “brute”, elle vous renverra alors la réponse :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever kv redis_raw 'hset key field1 value1 field2 value2' # 2
clever kv redis_raw 'hget key field2'                      # value2
clever kv redis_raw 'hgetall key'                          # the full hash</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Pour démontrer les possibilités d’une telle intégration, vous avez également la possibilité de faire directement des requêtes sur un objet JSON stocké dans une clé :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever kv set simpleJson '{"key": "value"}' # the set data
clever kv getJson simpleJson key            # value
clever kv set jsonKey '[{"key": "value"}, {"bigKey": {"subKey1": "subValue1","subKey2": "subValue2"}}]'
clever kv getjson jsonKey bigKey.subKey2    # subValue1
clever kv getjson jsonKey ''                # the full JSON</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Pour montrer à quel point de telles intégrations sont simples, nous avons mis à votre disposition un client Materia KV écrit<a href="https://github.com/CleverCloud/mkv-go-cli" target="_blank" rel="noreferrer noopener"> en Go</a> en utilisant Go-Redis. Si vous souhaitez plutôt comprendre comment vous pouvez envoyer des commandes et recevoir des réponses de Materia KV directement en TCP, vous trouverez des exemples,<a href="https://github.com/CleverCloud/mkv-raw-tcp-ruby" target="_blank" rel="noreferrer noopener"> en V</a> ou<a href="https://gist.github.com/davlgd/6762660218a82646ba648242aa1e4548"> en Ruby</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>N’hésitez pas à proposer les vôtres et à nous le faire savoir ;)</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une démonstration sur Twitch de Materia KV, un espace communautaire</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":12684,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-05--clever-cloud--twitch--thumbnail--materia-kv--fr-1024x576.png" alt="Une démonstration en direct sur Twitch aura lieu le mardi 18 juin 2024 à 13h15 avec nos hosts Horacio González (LostInBrittany) et Yannick Guern (Akanoa)." class="wp-image-12684"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Envie d’en savoir plus ? Horacio González, notre DevRel en chef, fera une démonstration<a href="https://www.twitch.tv/clevercloud" target="_blank" rel="noreferrer noopener"> sur Twitch</a> mardi 18 juin à 13h15. Pierre Zemb, créateur de Materia chez Clever Cloud, échangera également avec notre CTO Steven Le Roux dans une vidéo publiée fin juin sur la chaîne <a href="https://www.youtube.com/c/Clevercloud-platform" target="_blank" rel="noreferrer noopener">YouTube de Clever Cloud</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Et pour nous faire part de votre avis, de vos questions et de vos besoins, rendez-vous sur la section dédiée à Materia de<a href="https://github.com/CleverCloud/Community/discussions/categories/materia" target="_blank" rel="noreferrer noopener"> notre espace communautaire GitHub</a>.</p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1600" height="800" src="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="2024 06 04  clever cloud  blog  materia alpha publique  fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr.png 1600w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-300x150.png 300w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1024x512.png 1024w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-768x384.png 768w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1536x768.png 1536w, https://cdn.clever-cloud.com/uploads/2024/06/2024-06-04--clever-cloud--blog--materia-alpha-publique--fr-1368x684.png 1368w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>Ils “poussent” leur code, nous le déployons, tout en assurant la mise à jour et la mise en sécurité de l’environnement dans lequel ils fonctionnent avec un objectif : le maintien en conditions opérationnelles. Quelle que soit la situation, leur service répond.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Penser des services simples, robustes et innovants</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous le faisons en garantissant une empreinte minimale au sein de nos serveurs, en proposant une mise à l’échelle horizontale/verticale à la demande ou automatique. Nous pouvons ainsi multiplier les instances ou les faire grossir/réduire selon la charge de vos sites. Cette volonté de simplicité va au-delà des applications, puisque nous disposons également d’une large offre de base de données (BDD) “as-a-service” vous permettant<a href="https://console.clever-cloud.com"> de déployer en quelques secondes</a> des environnements <a href="https://www.clever.cloud/fr/product/mongodb/">MongoDB</a>, <a href="https://www.clever.cloud/fr/product/mysql/">MySQL</a>, <a href="https://www.clever.cloud/fr/product/postgresql/">PostgreSQL</a> ou <a href="https://www.clever.cloud/fr/product/redis/">Redis</a>, avec les mêmes outils et garanties.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ces dernières années, nous faisions néanmoins face à des demandes récurrentes : outre la volonté de certains de nos clients d’avoir accès à d’autres solutions, ils nous demandaient régulièrement de disposer des avantages de <a href="https://www.clever.cloud/fr/infrastructure/">notre infrastructure répartie sur trois datacenters</a> afin d’obtenir des services à haute disponibilité. Mais dans le domaine des BDD, cela n'est pas toujours simple à mettre en place tout en assurant un bon niveau d’automatisation et la cohérence des données. Nous avons donc décidé de développer notre propre gamme de produits pour y parvenir.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le projet “<a href="https://www.clever.cloud/fr/materia-serverless/">Materia</a>” était né, reposant sur le moteur transactionnel open source <a href="https://www.foundationdb.org/" target="_blank" rel="noreferrer noopener">FoundationDB</a>, utilisé, par exemple, par <a href="https://www.apple.com/" target="_blank" rel="noreferrer noopener">Apple</a> pour ses services iCloud ainsi que par <a href="https://www.snowflake.com/en/" target="_blank" rel="noreferrer noopener">Snowflake</a>. Nous y contribuons et l’adaptons à nos besoins, tout en profitant de son aspect distribué et résilient, notamment du fait de son importante capacité de <a href="https://apple.github.io/foundationdb/testing.html" target="_blank" rel="noreferrer noopener">simulation</a>. Il nous permet d’imaginer un univers entier de solutions serverless, très simples d’usage, facturées à l'usage, avec des couches de comptabilité que nous développons pour permettre à nos clients de lui “parler” en utilisant des protocoles existants  tels que GraphQL ou PostgreSQL par exemple.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Materia KV accessible à tous</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons commencé par le protocole Redis, afin de mettre en place Materia KV, actuellement en phase de test Alpha. Il s’agit d’une base de données clé-valeur répliquée de manière synchrone sur nos trois datacenters parisiens. Lorsque nos serveurs vous répondent, c’est que votre donnée à été écrite trois fois. Surtout, elle est très simple d’usage : rendez-vous dans notre <a href="https://console.clever-cloud.com">Console</a>, créez un add-on Materia KV, vous obtiendrez instantanément un jeton (token) utilisable avec n’importe quel client Redis ou même en envoyant des commandes à nos serveurs directement via le protocole TCP.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ainsi, vous pouvez dès maintenant bénéficier d’une solution pour stocker vos données sous la forme de clé-valeur, en haute disponibilité, sans avoir la moindre instance à configurer, sans tarification minimale mensuelle : vous payerez simplement ce que vous consommez. Surtout, nous assurons ce service en compatibilité avec des protocoles existants. Aujourd’hui Redis, demain  GraphQL. La liste des commandes supportées est disponible<a href="https://developers.clever-cloud.com/doc/addons/materia-kv/#supported-types-and-commands">ici</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lancée à <a href="https://www.clever.cloud/fr/blog/entreprise/2024/04/16/materiadb-kv-functions/">Devoxx France mi-avril</a>, Materia KV a fait forte impression sur place et lors de nos démonstrations depuis. Nous avons donc décidé de la rendre accessible à tous afin de permettre à l’ensemble de nos clients et des curieux de nous faire part de leurs retours sur son fonctionnement et de leurs besoins. Si la facturation se fera à l’usage à partir de la phase de Beta, pour le moment, c’est gratuit ! N’hésitez pas à tester et <a href="https://github.com/CleverCloud/Community/discussions/categories/materia" target="_blank" rel="noreferrer noopener">à nous donner votre avis</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://console.clever-cloud.com/users/me/addons/new" target="_blank" rel="noreferrer noopener">Créer un add-on Materia KV</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://developers.clever-cloud.com/doc/addons/materia-kv/" target="_blank" rel="noreferrer noopener">La documentation de Materia KV</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Déjà intégré à nos outils et interfaces</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Materia KV est bien entendu accessible via un addon-provider au sein<a href="https://developers.clever-cloud.com/api/"> de notre API</a>, <a href="https://registry.terraform.io/providers/CleverCloud/clevercloud/latest/docs/" target="_blank" rel="noreferrer noopener">Terraform</a> (ou OpenTofu par exemple), mais aussi de notre CLI, les<a href="https://github.com/CleverCloud/clever-tools" target="_blank" rel="noreferrer noopener"> Clever Tools</a>. Pour créer un jeton d’accès il suffit de lancer la commande suivante :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever addon create kv NAME</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Cet add-on pourra être lié directement à une application Clever Cloud où ses variables d’environnement seront injectées. Mais vous pouvez également l’utiliser depuis n’importe quel service tiers, un client en ligne de commande (CLI) ou avec interface graphique (GUI).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Alors que le développement de Materia KV et de ses différentes interfaces va se faire sur la durée, nous avons commencé à réfléchir à son intégration au sein des Clever Tools. Ainsi, une branche de test, disponible<a href="https://github.com/CleverCloud/clever-tools/pull/725" target="_blank" rel="noreferrer noopener"> sous la forme de binaires</a> et<a href="https://github.com/CleverCloud/clever-tools/blob/davlgd-embedded-kv-client/docs/kv.md" target="_blank" rel="noreferrer noopener"> documentée</a>, propose une commande <code>clever kv</code>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Avec elle, vous pouvez directement envoyer des requêtes à Materia KV en ayant la variable d’environnement configurée localement, ou en indiquant un ID dans vos commandes :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash"># With Bash and Zsh
source <(clever addon env ADDON_ID --export)
# With Fish
clever addon env ADDON_ID --export | source

clever kv PING # PONG
clever kv set yourKey theValue
clever kv get yourKey</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Comme cette version de démonstration ne gère pas l’ensemble des commandes gérées par Materia KV, vous pouvez lui envoyer une commande “brute”, elle vous renverra alors la réponse :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever kv redis_raw 'hset key field1 value1 field2 value2' # 2
clever kv redis_raw 'hget key field2'                      # value2
clever kv redis_raw 'hgetall key'                          # the full hash</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Pour démontrer les possibilités d’une telle intégration, vous avez également la possibilité de faire directement des requêtes sur un objet JSON stocké dans une clé :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="language-bash">clever kv set simpleJson '{"key": "value"}' # the set data
clever kv getJson simpleJson key            # value
clever kv set jsonKey '[{"key": "value"}, {"bigKey": {"subKey1": "subValue1","subKey2": "subValue2"}}]'
clever kv getjson jsonKey bigKey.subKey2    # subValue1
clever kv getjson jsonKey ''                # the full JSON</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Pour montrer à quel point de telles intégrations sont simples, nous avons mis à votre disposition un client Materia KV écrit<a href="https://github.com/CleverCloud/mkv-go-cli" target="_blank" rel="noreferrer noopener"> en Go</a> en utilisant Go-Redis. Si vous souhaitez plutôt comprendre comment vous pouvez envoyer des commandes et recevoir des réponses de Materia KV directement en TCP, vous trouverez des exemples,<a href="https://github.com/CleverCloud/mkv-raw-tcp-ruby" target="_blank" rel="noreferrer noopener"> en V</a> ou<a href="https://gist.github.com/davlgd/6762660218a82646ba648242aa1e4548"> en Ruby</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>N’hésitez pas à proposer les vôtres et à nous le faire savoir ;)</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une démonstration sur Twitch de Materia KV, un espace communautaire</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":12684,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cdn.clever-cloud.com/uploads/2024/06/2024-06-05--clever-cloud--twitch--thumbnail--materia-kv--fr-1024x576.png" alt="Une démonstration en direct sur Twitch aura lieu le mardi 18 juin 2024 à 13h15 avec nos hosts Horacio González (LostInBrittany) et Yannick Guern (Akanoa)." class="wp-image-12684"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Envie d’en savoir plus ? Horacio González, notre DevRel en chef, fera une démonstration<a href="https://www.twitch.tv/clevercloud" target="_blank" rel="noreferrer noopener"> sur Twitch</a> mardi 18 juin à 13h15. Pierre Zemb, créateur de Materia chez Clever Cloud, échangera également avec notre CTO Steven Le Roux dans une vidéo publiée fin juin sur la chaîne <a href="https://www.youtube.com/c/Clevercloud-platform" target="_blank" rel="noreferrer noopener">YouTube de Clever Cloud</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Et pour nous faire part de votre avis, de vos questions et de vos besoins, rendez-vous sur la section dédiée à Materia de<a href="https://github.com/CleverCloud/Community/discussions/categories/materia" target="_blank" rel="noreferrer noopener"> notre espace communautaire GitHub</a>.</p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Materia KV, Functions: découvrez le futur de Clever Cloud à Devoxx Paris 2024</title>
		<link>https://www.clever.cloud/fr/blog/entreprise/2024/04/16/materiadb-kv-functions/</link>
		
		<dc:creator><![CDATA[David Legrand]]></dc:creator>
		<pubDate>Tue, 16 Apr 2024 11:37:00 +0000</pubDate>
				<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[entreprise]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=12167</guid>

					<description><![CDATA[<p><img width="1800" height="710" src="https://cdn.clever-cloud.com/uploads/2024/04/materia-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="materia fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/04/materia-fr.png 1800w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-300x118.png 300w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1024x404.png 1024w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-768x303.png 768w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1536x606.png 1536w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1368x540.png 1368w" sizes="auto, (max-width: 1800px) 100vw, 1800px" /></p><!-- wp:group {"layout":{"type":"constrained"},"hideFromFeed":true} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Clever Cloud est né il y a près d’une quinzaine d'années d’une volonté d’innover en matière de déploiement et d’hébergement web, en proposant une offre fiable, composée de nombreux services, de manière simple. C’est ainsi que nous sommes devenus leader européen du PaaS, séduisant tant les développeurs que les grands comptes.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous sommes surtout le seul à proposer ces solutions tant via notre propre infrastructure qu’en on-premise ou via différents partenaires à travers le monde. Nous le faisons désormais en étant <a href="https://www.clever.cloud/fr/blog/entreprise/2024/03/22/clever-cloud-iso-27001/">certifiés ISO 9001 et 27001:2022</a>, avec HDS et SecNumCloud en ligne de mire.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Au fil des années, notre entreprise et sa gamme de produits ont évolué, se sont étoffées. Mais nous avons préservé notre cœur de métier : l’innovation. C’est pour cela qu’en parallèle de l’amélioration continue de nos services, interfaces et intégrations, nous investissons massivement dans le développement de notre avenir, sur des solutions devant répondre toujours mieux aux besoins de nos clients, sur lesquels nous sommes en maîtrise.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Car l’indépendance et la souveraineté de notre offre, passe également par là. C’est ce qui nous a poussé à disposer de nos propres infrastructures, à choisir un système GNU/Linux auquel nous contribuons activement, à l’utiliser tant sur nos serveurs que sur nos équipements réseau. C’est aussi la raison pour laquelle nous avons passé ces dernières années à développer <strong>une gamme de produits serverless, simples d’utilisation et facturés à l’usage</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://www.clever.cloud/fr/blog/entreprise/2022/09/05/quest-ce-quil-a-de-clever-notre-cloud/" target="_blank" rel="noreferrer noopener">Qu’est-ce qu’il a de Clever, notre Cloud ?</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Clever Functions : WASM au service de la compatibilité et de l’efficacité</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour cela, nous n’avons pas hésité à <strong>créer notre propre couche de virtualisation et d’exécution de fonctions</strong>, bas niveau. En effet, nous voulions maintenir nos critères forts d’isolation avec la mise en place de machines virtuelles que nous activons au plus près du CPU. Nous voulions également pouvoir obtenir de bonnes performances tout en nous ouvrant à de nombreux langages, plutôt que de nous contenter de nous reposer sur v8 au risque de nous focaliser presque exclusivement sur JavaScript.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ainsi, nous avons plutôt opté pour une solution exploitant les possibilités du standard <a href="https://webassembly.org/" target="_blank" rel="noreferrer noopener">WebAssembly</a> (WASM/WASI), qui peut être utilisé avec de nombreux langages, de Go à Zig en passant par C, Rust ou encore AssemblyScript… et bien entendu JavaScript.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Après une première démonstration réussie de notre Tech Preview à Barcelone à l’occasion de la conférence WASM.io le mois dernier, nous <strong>effectuerons de nouvelles démonstration à l’occasion de Devoxx Paris</strong>, qui se tient au Palais des congrès du 17 au 19 avril prochain. N’hésitez pas à venir nous en parler et à nous faire connaître votre intérêt pour participer aux prochaines étapes du développement de ce produit, qui sera progressivement ouvert au fil de l’année.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">MateriaDB KV : notre révolution distribuée, multi-protocoles, serverless</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Autre sujet d’innovation majeur par notre équipe : notre nouvelle offre Materia. Pour cela <strong>nous avons conçu nos propres bases de données serverless</strong>, reposant sur le moteur transactionnel open source <a href="https://www.foundationdb.org/" target="_blank" rel="noreferrer noopener">FoundationDB</a>,  utilisé, par exemple, par Apple pour ses services iCloud. Nous sommes également&nbsp; un membre actif de sa communauté, participant au développement de son écosystème.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Distribuée et robuste, notamment du fait de son importante capacité de <a href="https://apple.github.io/foundationdb/testing.html" target="_blank" rel="noreferrer noopener">simulation</a>, elle nous a permis d’imaginer et de construire toute une gamme de services répondant aux différents besoins exprimés ces dernières années par nos clients. Ce, avec une approche toujours ouverte et résiliente, un déploiement sur plusieurs zones de disponibilité, une compatibilité avec des protocoles et clients existants, une facturation à l’usage.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>La première à voir le jour publiquement est <strong>Materia KV, qui, comme son nom l’indique, est une base de données de type clé-valeur (key value)</strong>. Pour en créer au sein de votre compte Clever Cloud, vous n’avez pas de taille d’instance à choisir, de capacité de stockage à anticiper. Nous vous fournissons simplement l’adresse d’un serveur, un port et un token (reposant sur la technologie <a href="https://www.biscuitsec.org">Biscuit</a> à laquelle nous contribuons activement), c’est prêt à l’emploi !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous pouvez ensuite nous envoyer vos clés et leur contenu. Elles seront répliquées de manière synchrone au sein de nos trois datacenters parisiens. Vous n’avez ainsi plus à mettre en place de configuration complexe pour assurer la haute disponibilité ou même d’option à activer. <strong>Materia KV est résiliente “by design”</strong> ! Et elle s’adapte aux besoins de chacun, puisque sa facturation se fait à l’usage. Ainsi, simples bidouilleurs, développeurs aguerris et grands comptes s’y retrouvent.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une compatibilité avec l'API Redis… pour commencer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous ne voulions pas que cette innovation vous soit proposée au prix d’une complexité de configuration, nécessitant d’utiliser des clients et des ORM particuliers. Ainsi, <strong>nous avons développé au sein de Materia KV ses propres couches de compatibilité</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pour lui “parler”, vous n’avez pas besoin d’une API particulière ou d’outils propres à Clever Cloud. <strong>Vous pouvez l’utiliser avec des solutions existantes pour GraphQL ou encore Redis</strong>. Cette dernière inaugure d’ailleurs les couches de compatibilité disponibles dans le cadre de notre phase de test. Elle permet à des clients utilisant une instance Redis pour leur application de migrer vers Materia KV en quelques clics seulement dans leur interface ou via les Clever Tools.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette solution sera en <strong>démonstration publique pour la première fois à l’occasion de Devoxx Paris</strong>, qui se tient au Palais des congrès du 17 au 19 avril prochain. Elle sera ensuite rapidement accessible à tous nos clients en alpha. N’hésitez pas à venir nous en parler et à échanger sur les autres services Materia qui seront proposés dans le courant de l’année.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous ferons également la démonstration d’autres nouveautés à venir comme notre solution <strong>Keycloak-as-a-Service</strong> en partenariat avec <a href="https://please-open.it/" target="_blank" rel="noreferrer noopener">Please Open It</a>, et fêteront la mise en ligne de la <strong><a href="https://github.com/sozu-proxy/sozu/releases/tag/1.0.0">version 1.0</a> de notre load balancer maison et open source, développé en Rust: SŌZU !</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>L'occasion aussi de découvrir <a href="https://www.clever.cloud/fr/steeve-bauras-x-clever-cloud/">nos t-shirts</a>, qui seront présents en grand nombres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pour connaître nos évolutions régulières, pensez à suivre&nbsp;<a href="https://developers.clever-cloud.com/changelog" target="_blank" rel="noreferrer noopener">notre Changelog</a>&nbsp;(via&nbsp;<a href="https://developers.clever-cloud.com/changelog/index.xml" target="_blank" rel="noreferrer noopener">son flux RSS</a>), ou  ce&nbsp;<a href="https://www.clever.cloud/fr/blog/">blog</a>. Mais également à nous suivre sur&nbsp;<a href="https://www.linkedin.com/company/clever-cloud/mycompany/" target="_blank" rel="noreferrer noopener">LinkedIn</a>&nbsp;ou&nbsp;<a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">X/Twitter</a>.</p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1800" height="710" src="https://cdn.clever-cloud.com/uploads/2024/04/materia-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="materia fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/04/materia-fr.png 1800w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-300x118.png 300w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1024x404.png 1024w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-768x303.png 768w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1536x606.png 1536w, https://cdn.clever-cloud.com/uploads/2024/04/materia-fr-1368x540.png 1368w" sizes="auto, (max-width: 1800px) 100vw, 1800px" /></p><!-- wp:group {"layout":{"type":"constrained"},"hideFromFeed":true} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Clever Cloud est né il y a près d’une quinzaine d'années d’une volonté d’innover en matière de déploiement et d’hébergement web, en proposant une offre fiable, composée de nombreux services, de manière simple. C’est ainsi que nous sommes devenus leader européen du PaaS, séduisant tant les développeurs que les grands comptes.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous sommes surtout le seul à proposer ces solutions tant via notre propre infrastructure qu’en on-premise ou via différents partenaires à travers le monde. Nous le faisons désormais en étant <a href="https://www.clever.cloud/fr/blog/entreprise/2024/03/22/clever-cloud-iso-27001/">certifiés ISO 9001 et 27001:2022</a>, avec HDS et SecNumCloud en ligne de mire.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Au fil des années, notre entreprise et sa gamme de produits ont évolué, se sont étoffées. Mais nous avons préservé notre cœur de métier : l’innovation. C’est pour cela qu’en parallèle de l’amélioration continue de nos services, interfaces et intégrations, nous investissons massivement dans le développement de notre avenir, sur des solutions devant répondre toujours mieux aux besoins de nos clients, sur lesquels nous sommes en maîtrise.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Car l’indépendance et la souveraineté de notre offre, passe également par là. C’est ce qui nous a poussé à disposer de nos propres infrastructures, à choisir un système GNU/Linux auquel nous contribuons activement, à l’utiliser tant sur nos serveurs que sur nos équipements réseau. C’est aussi la raison pour laquelle nous avons passé ces dernières années à développer <strong>une gamme de produits serverless, simples d’utilisation et facturés à l’usage</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://www.clever.cloud/fr/blog/entreprise/2022/09/05/quest-ce-quil-a-de-clever-notre-cloud/" target="_blank" rel="noreferrer noopener">Qu’est-ce qu’il a de Clever, notre Cloud ?</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Clever Functions : WASM au service de la compatibilité et de l’efficacité</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour cela, nous n’avons pas hésité à <strong>créer notre propre couche de virtualisation et d’exécution de fonctions</strong>, bas niveau. En effet, nous voulions maintenir nos critères forts d’isolation avec la mise en place de machines virtuelles que nous activons au plus près du CPU. Nous voulions également pouvoir obtenir de bonnes performances tout en nous ouvrant à de nombreux langages, plutôt que de nous contenter de nous reposer sur v8 au risque de nous focaliser presque exclusivement sur JavaScript.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ainsi, nous avons plutôt opté pour une solution exploitant les possibilités du standard <a href="https://webassembly.org/" target="_blank" rel="noreferrer noopener">WebAssembly</a> (WASM/WASI), qui peut être utilisé avec de nombreux langages, de Go à Zig en passant par C, Rust ou encore AssemblyScript… et bien entendu JavaScript.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Après une première démonstration réussie de notre Tech Preview à Barcelone à l’occasion de la conférence WASM.io le mois dernier, nous <strong>effectuerons de nouvelles démonstration à l’occasion de Devoxx Paris</strong>, qui se tient au Palais des congrès du 17 au 19 avril prochain. N’hésitez pas à venir nous en parler et à nous faire connaître votre intérêt pour participer aux prochaines étapes du développement de ce produit, qui sera progressivement ouvert au fil de l’année.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">MateriaDB KV : notre révolution distribuée, multi-protocoles, serverless</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Autre sujet d’innovation majeur par notre équipe : notre nouvelle offre Materia. Pour cela <strong>nous avons conçu nos propres bases de données serverless</strong>, reposant sur le moteur transactionnel open source <a href="https://www.foundationdb.org/" target="_blank" rel="noreferrer noopener">FoundationDB</a>,  utilisé, par exemple, par Apple pour ses services iCloud. Nous sommes également&nbsp; un membre actif de sa communauté, participant au développement de son écosystème.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Distribuée et robuste, notamment du fait de son importante capacité de <a href="https://apple.github.io/foundationdb/testing.html" target="_blank" rel="noreferrer noopener">simulation</a>, elle nous a permis d’imaginer et de construire toute une gamme de services répondant aux différents besoins exprimés ces dernières années par nos clients. Ce, avec une approche toujours ouverte et résiliente, un déploiement sur plusieurs zones de disponibilité, une compatibilité avec des protocoles et clients existants, une facturation à l’usage.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>La première à voir le jour publiquement est <strong>Materia KV, qui, comme son nom l’indique, est une base de données de type clé-valeur (key value)</strong>. Pour en créer au sein de votre compte Clever Cloud, vous n’avez pas de taille d’instance à choisir, de capacité de stockage à anticiper. Nous vous fournissons simplement l’adresse d’un serveur, un port et un token (reposant sur la technologie <a href="https://www.biscuitsec.org">Biscuit</a> à laquelle nous contribuons activement), c’est prêt à l’emploi !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous pouvez ensuite nous envoyer vos clés et leur contenu. Elles seront répliquées de manière synchrone au sein de nos trois datacenters parisiens. Vous n’avez ainsi plus à mettre en place de configuration complexe pour assurer la haute disponibilité ou même d’option à activer. <strong>Materia KV est résiliente “by design”</strong> ! Et elle s’adapte aux besoins de chacun, puisque sa facturation se fait à l’usage. Ainsi, simples bidouilleurs, développeurs aguerris et grands comptes s’y retrouvent.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une compatibilité avec l'API Redis… pour commencer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous ne voulions pas que cette innovation vous soit proposée au prix d’une complexité de configuration, nécessitant d’utiliser des clients et des ORM particuliers. Ainsi, <strong>nous avons développé au sein de Materia KV ses propres couches de compatibilité</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pour lui “parler”, vous n’avez pas besoin d’une API particulière ou d’outils propres à Clever Cloud. <strong>Vous pouvez l’utiliser avec des solutions existantes pour GraphQL ou encore Redis</strong>. Cette dernière inaugure d’ailleurs les couches de compatibilité disponibles dans le cadre de notre phase de test. Elle permet à des clients utilisant une instance Redis pour leur application de migrer vers Materia KV en quelques clics seulement dans leur interface ou via les Clever Tools.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cette solution sera en <strong>démonstration publique pour la première fois à l’occasion de Devoxx Paris</strong>, qui se tient au Palais des congrès du 17 au 19 avril prochain. Elle sera ensuite rapidement accessible à tous nos clients en alpha. N’hésitez pas à venir nous en parler et à échanger sur les autres services Materia qui seront proposés dans le courant de l’année.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous ferons également la démonstration d’autres nouveautés à venir comme notre solution <strong>Keycloak-as-a-Service</strong> en partenariat avec <a href="https://please-open.it/" target="_blank" rel="noreferrer noopener">Please Open It</a>, et fêteront la mise en ligne de la <strong><a href="https://github.com/sozu-proxy/sozu/releases/tag/1.0.0">version 1.0</a> de notre load balancer maison et open source, développé en Rust: SŌZU !</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>L'occasion aussi de découvrir <a href="https://www.clever.cloud/fr/steeve-bauras-x-clever-cloud/">nos t-shirts</a>, qui seront présents en grand nombres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Pour connaître nos évolutions régulières, pensez à suivre&nbsp;<a href="https://developers.clever-cloud.com/changelog" target="_blank" rel="noreferrer noopener">notre Changelog</a>&nbsp;(via&nbsp;<a href="https://developers.clever-cloud.com/changelog/index.xml" target="_blank" rel="noreferrer noopener">son flux RSS</a>), ou  ce&nbsp;<a href="https://www.clever.cloud/fr/blog/">blog</a>. Mais également à nous suivre sur&nbsp;<a href="https://www.linkedin.com/company/clever-cloud/mycompany/" target="_blank" rel="noreferrer noopener">LinkedIn</a>&nbsp;ou&nbsp;<a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">X/Twitter</a>.</p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Notre nouvelle interface de logs est disponible en bêta publique</title>
		<link>https://www.clever.cloud/fr/blog/entreprise/2024/04/15/notre-nouvelle-interface-de-logs-est-disponible/</link>
		
		<dc:creator><![CDATA[David Legrand]]></dc:creator>
		<pubDate>Mon, 15 Apr 2024 11:37:00 +0000</pubDate>
				<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=12105</guid>

					<description><![CDATA[<p><img width="1600" height="710" src="https://cdn.clever-cloud.com/uploads/2024/04/1-3.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="1 3" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/04/1-3.png 1600w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-300x133.png 300w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1024x454.png 1024w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-768x341.png 768w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1536x682.png 1536w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1368x607.png 1368w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>Lorsque vous déployez une application chez Clever Cloud, elle n’est pas simplement mise en ligne et maintenue en conditions opérationnelles. Nous la livrons également avec de nombreux services et des fonctionnalités dédiées à l'optimisation de votre <strong>log management</strong>, tout au long du cycle de vie de votre application.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Parmi elles, notre&nbsp;<strong>stack de logs</strong>&nbsp;que nous avons fait évoluer l’année dernière. Elle se repose désormais sur Vector pour son émission, Apache Pulsar pour son ingestion et sa consommation, tout en assurant une isolation entre chaque utilisateur (multi-tenant) et chaque application. Nous avions fait ces choix car la solution précédente avait montré ses limites et nous empêchait de livrer certaines améliorations. Notre objectif était d’améliorer l’expérience de nos utilisateurs à de nombreux niveaux.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une nouvelle expérience de log management chez Clever Cloud</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dès sa mise en place depuis quelques mois, nous l'utilisons avec succès au sein de notre interface en ligne de commande (CLI), <a href="https://github.com/CleverCloud/clever-tools" target="_blank" rel="noreferrer noopener">Clever Tools</a>. Vous pouvez y retrouver vos logs en direct, mais aussi télécharger ceux d’une fenêtre de temps précise ou même effectuer un filtrage, avec un résultat pouvant être obtenu dans différents formats. La documentation<a href="https://github.com/CleverCloud/clever-tools/blob/master/docs/applications-deployment-lifecycle.md#logs" target="_blank" rel="noreferrer noopener"> est ici</a>. Bien entendu, cette fonctionnalité repose sur notre APIv4, elle aussi documentée, <a href="https://developers.clever-cloud.com/api/v4/#logs" target="_blank" rel="noreferrer noopener">par là</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>L’étape suivante était l’intégration de cette nouvelle brique technique à la<a href="https://console.clever-cloud.com" target="_blank" rel="noreferrer noopener"> Console</a></strong>. C’était pour nous l’occasion de repenser la section dédiée aux logs afin qu’elle exploite <a href="https://www.clever.cloud/developers/clever-components/?path=/docs/readme--docs" target="_blank" rel="noreferrer noopener">nos Web Components</a> et réponde à nos critères en termes de praticité, de fonctionnalités et d’accessibilité. Notre équipe a donc passé plusieurs mois à la repenser de fond en comble.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":12107,"sizeSlug":"large","linkDestination":"media","align":"wide"} -->
<figure class="wp-block-image alignwide size-large"><a href="https://cdn.clever-cloud.com/uploads/2024/04/new-logs.webp" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2024/04/new-logs-1024x616.webp" alt="La nouvelle interface de Logs de Clever Cloud" class="wp-image-12107"/></a></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Après une phase de tests internes, elle est désormais accessible en bêta à l’ensemble de nos clients. Ils peuvent ainsi la choisir en cliquant sur un simple lien dans l’interface et revenir à l’ancienne quand ils le souhaitent. Notre objectif est d’améliorer de manière continue cette section, puis de l’étendre progressivement à l’ensemble de nos services. Pour partager votre avis, nous avons créé un espace communautaire sur GitHub pour l’occasion:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://console.clever-cloud.com" target="_blank" rel="noreferrer noopener">Accéder à la Console Clever Cloud</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://github.com/CleverCloud/Community/discussions/categories/new-logs-interface" target="_blank" rel="noreferrer noopener">Donnez votre avis sur notre nouvelle interface de logs</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une multitude de détails…</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>L’interface précédente vous permettait de naviguer dans vos derniers déploiements et leurs différentes instances une à une. La nouvelle va plus loin puisqu’elle liste par défaut l’ensemble des déploiements et instances d’une application sur les 7 derniers jours. Les logs du dernier déploiement en date seront chargés, mais vous pourrez également ajouter ou retirer ceux de l’instance de votre choix. Chaque déploiement est identifié par le hash du commit du code qui lui est lié, les instances sont numérotées (en cas de scalabilité horizontale).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous pouvez réduire la fenêtre de temps à quelques jours ou quelques heures, ou même indiquer manuellement les heures de début et de fin, ce qui est pratique lorsque vous souhaitez une information précise, pour la recherche d’un bug par exemple. Sur cette nouvelle interface de logs, vous disposez également d’un filtre textuel au-dessus de la zone principale. Il évoluera avec la mise en place d’un système d’indexation qui nous ouvrira de nouvelles possibilités en la matière.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bien entendu, vous pouvez également suivre la publication de vos logs en direct. Ce sera d’ailleurs la section affichée par défaut lorsqu’un déploiement est en cours.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">… et de fonctionnalités</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La zone principale vous permet <strong>une sélection d’une ou plusieurs lignes au clavier et à la souris</strong> via la gouttière située à sa gauche, avec la possibilité de copier le résultat dans le presse-papiers tout aussi simplement d’un simple CTRL+C/Cmd+C. En haut à droite vous trouverez un bouton pour mettre la zone en plein écran, un autre pour retourner en bas de vos logs et une zone de paramètres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ce panneau n'en est qu'à ses début, mais se veut déjà assez complet et utilise notre nouvelle API de gestion des réglages utilisateur. Elle vous permet de <strong>choisir entre différents thèmes clairs/sombres, de retirer les couleurs et codes ANSI, de passer ou non à la ligne, de définir un format pour la date et l’heure, de choisir s’il faut l’afficher sur votre fuseau horaire ou en UTC, distinguer les instances par leur nom</strong>, etc. Cela peut bien entendu évoluer, n’hésitez pas à faire des propositions.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous évoquerons les futures améliorations au sein <a href="https://developers.clever-cloud.com/changelog" target="_blank" rel="noreferrer noopener">de notre Changelog</a> (via <a href="https://developers.clever-cloud.com/changelog/index.xml" target="_blank" rel="noreferrer noopener">son flux RSS</a>), ou sur ce <a href="https://www.clever.cloud/fr/blog/">blog</a> pour les prochaines grandes étapes d’ici la disponibilité générale. Pensez également à nous suivre sur <a href="https://www.linkedin.com/company/clever-cloud/mycompany/" target="_blank" rel="noreferrer noopener">LinkedIn</a> ou <a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">X/Twitter</a> pour vous tenir informés.</p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1600" height="710" src="https://cdn.clever-cloud.com/uploads/2024/04/1-3.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="1 3" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2024/04/1-3.png 1600w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-300x133.png 300w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1024x454.png 1024w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-768x341.png 768w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1536x682.png 1536w, https://cdn.clever-cloud.com/uploads/2024/04/1-3-1368x607.png 1368w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></p><!-- wp:paragraph -->
<p>Lorsque vous déployez une application chez Clever Cloud, elle n’est pas simplement mise en ligne et maintenue en conditions opérationnelles. Nous la livrons également avec de nombreux services et des fonctionnalités dédiées à l'optimisation de votre <strong>log management</strong>, tout au long du cycle de vie de votre application.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Parmi elles, notre&nbsp;<strong>stack de logs</strong>&nbsp;que nous avons fait évoluer l’année dernière. Elle se repose désormais sur Vector pour son émission, Apache Pulsar pour son ingestion et sa consommation, tout en assurant une isolation entre chaque utilisateur (multi-tenant) et chaque application. Nous avions fait ces choix car la solution précédente avait montré ses limites et nous empêchait de livrer certaines améliorations. Notre objectif était d’améliorer l’expérience de nos utilisateurs à de nombreux niveaux.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une nouvelle expérience de log management chez Clever Cloud</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dès sa mise en place depuis quelques mois, nous l'utilisons avec succès au sein de notre interface en ligne de commande (CLI), <a href="https://github.com/CleverCloud/clever-tools" target="_blank" rel="noreferrer noopener">Clever Tools</a>. Vous pouvez y retrouver vos logs en direct, mais aussi télécharger ceux d’une fenêtre de temps précise ou même effectuer un filtrage, avec un résultat pouvant être obtenu dans différents formats. La documentation<a href="https://github.com/CleverCloud/clever-tools/blob/master/docs/applications-deployment-lifecycle.md#logs" target="_blank" rel="noreferrer noopener"> est ici</a>. Bien entendu, cette fonctionnalité repose sur notre APIv4, elle aussi documentée, <a href="https://developers.clever-cloud.com/api/v4/#logs" target="_blank" rel="noreferrer noopener">par là</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>L’étape suivante était l’intégration de cette nouvelle brique technique à la<a href="https://console.clever-cloud.com" target="_blank" rel="noreferrer noopener"> Console</a></strong>. C’était pour nous l’occasion de repenser la section dédiée aux logs afin qu’elle exploite <a href="https://www.clever.cloud/developers/clever-components/?path=/docs/readme--docs" target="_blank" rel="noreferrer noopener">nos Web Components</a> et réponde à nos critères en termes de praticité, de fonctionnalités et d’accessibilité. Notre équipe a donc passé plusieurs mois à la repenser de fond en comble.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":12107,"sizeSlug":"large","linkDestination":"media","align":"wide"} -->
<figure class="wp-block-image alignwide size-large"><a href="https://cdn.clever-cloud.com/uploads/2024/04/new-logs.webp" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2024/04/new-logs-1024x616.webp" alt="La nouvelle interface de Logs de Clever Cloud" class="wp-image-12107"/></a></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Après une phase de tests internes, elle est désormais accessible en bêta à l’ensemble de nos clients. Ils peuvent ainsi la choisir en cliquant sur un simple lien dans l’interface et revenir à l’ancienne quand ils le souhaitent. Notre objectif est d’améliorer de manière continue cette section, puis de l’étendre progressivement à l’ensemble de nos services. Pour partager votre avis, nous avons créé un espace communautaire sur GitHub pour l’occasion:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://console.clever-cloud.com" target="_blank" rel="noreferrer noopener">Accéder à la Console Clever Cloud</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://github.com/CleverCloud/Community/discussions/categories/new-logs-interface" target="_blank" rel="noreferrer noopener">Donnez votre avis sur notre nouvelle interface de logs</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Une multitude de détails…</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>L’interface précédente vous permettait de naviguer dans vos derniers déploiements et leurs différentes instances une à une. La nouvelle va plus loin puisqu’elle liste par défaut l’ensemble des déploiements et instances d’une application sur les 7 derniers jours. Les logs du dernier déploiement en date seront chargés, mais vous pourrez également ajouter ou retirer ceux de l’instance de votre choix. Chaque déploiement est identifié par le hash du commit du code qui lui est lié, les instances sont numérotées (en cas de scalabilité horizontale).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous pouvez réduire la fenêtre de temps à quelques jours ou quelques heures, ou même indiquer manuellement les heures de début et de fin, ce qui est pratique lorsque vous souhaitez une information précise, pour la recherche d’un bug par exemple. Sur cette nouvelle interface de logs, vous disposez également d’un filtre textuel au-dessus de la zone principale. Il évoluera avec la mise en place d’un système d’indexation qui nous ouvrira de nouvelles possibilités en la matière.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bien entendu, vous pouvez également suivre la publication de vos logs en direct. Ce sera d’ailleurs la section affichée par défaut lorsqu’un déploiement est en cours.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">… et de fonctionnalités</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La zone principale vous permet <strong>une sélection d’une ou plusieurs lignes au clavier et à la souris</strong> via la gouttière située à sa gauche, avec la possibilité de copier le résultat dans le presse-papiers tout aussi simplement d’un simple CTRL+C/Cmd+C. En haut à droite vous trouverez un bouton pour mettre la zone en plein écran, un autre pour retourner en bas de vos logs et une zone de paramètres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ce panneau n'en est qu'à ses début, mais se veut déjà assez complet et utilise notre nouvelle API de gestion des réglages utilisateur. Elle vous permet de <strong>choisir entre différents thèmes clairs/sombres, de retirer les couleurs et codes ANSI, de passer ou non à la ligne, de définir un format pour la date et l’heure, de choisir s’il faut l’afficher sur votre fuseau horaire ou en UTC, distinguer les instances par leur nom</strong>, etc. Cela peut bien entendu évoluer, n’hésitez pas à faire des propositions.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nous évoquerons les futures améliorations au sein <a href="https://developers.clever-cloud.com/changelog" target="_blank" rel="noreferrer noopener">de notre Changelog</a> (via <a href="https://developers.clever-cloud.com/changelog/index.xml" target="_blank" rel="noreferrer noopener">son flux RSS</a>), ou sur ce <a href="https://www.clever.cloud/fr/blog/">blog</a> pour les prochaines grandes étapes d’ici la disponibilité générale. Pensez également à nous suivre sur <a href="https://www.linkedin.com/company/clever-cloud/mycompany/" target="_blank" rel="noreferrer noopener">LinkedIn</a> ou <a href="https://twitter.com/clever_cloudFR" target="_blank" rel="noreferrer noopener">X/Twitter</a> pour vous tenir informés.</p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>La Console de Clever Cloud continue sa transformation</title>
		<link>https://www.clever.cloud/fr/blog/fonctionnalites/2023/02/14/la-console-de-clever-cloud-continue-sa-transformation/</link>
		
		<dc:creator><![CDATA[David Legrand]]></dc:creator>
		<pubDate>Tue, 14 Feb 2023 12:37:00 +0000</pubDate>
				<category><![CDATA[Fonctionnalités]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=7807</guid>

					<description><![CDATA[<p><img width="2800" height="1080" src="https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="bannerconsole fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr.png 2800w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1536x592.png 1536w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-2048x790.png 2048w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1368x528.png 1368w" sizes="auto, (max-width: 2800px) 100vw, 2800px" /></p><!-- wp:paragraph -->
<p>En 2022, Clever Cloud a plus que doublé ses effectifs afin d’améliorer ses services et en développer de nouveaux avec le renfort de son pôle R&amp;D. Nous voulions aussi prendre plus le temps de peaufiner ce qui fait le quotidien de nos clients : <a href="https://console.clever-cloud.com/" target="_blank" rel="noreferrer noopener">la Console</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Il s’agit de l’interface web qu’ils utilisent pour gérer et déployer leurs applications et add-ons, accéder à leurs métriques, logs, etc. Elle est développée par notre équipe en charge du front-end, dirigée par Hubert Sablonnière, qui a récemment accueilli 4 nouveaux membres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Depuis, ils travaillent à une meilleure cohérence des éléments qui composent la Console, en mettant l’accent tant sur l’expérience utilisateur que l’accessibilité. Des travaux de fond ont également été entrepris : amélioration générale du code, des procédures de tests et de déploiement, refonte du système de notifications, de gestion des icônes, la génération de la documentation des <a href="https://www.clever.cloud/developers/clever-components/" target="_blank" rel="noreferrer noopener">Clever Components</a> ou même la clarification de certains tarifs.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Clés SSH : une interface plus utile et plus claire&nbsp;</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Il y a quelques semaines, nous avons également mis en place un nouveau formulaire de gestion des clés SSH, utilisant les Clever Components pour une accessibilité renforcée et une adaptation à tous les écrans. Il est surtout plus clair, notamment avec des aides contextuelles, des messages d’erreur plus explicites, une meilleure gestion du focus, etc.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>On y trouve désormais trois sections : une pour l'ajout d'une nouvelle clé, une seconde listant les clés existantes, que l’on peut supprimer, et enfin celle servant à l’import des clés GitHub. Dans chaque cas, les commandes de bases vous sont expliquées :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7834,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-previous-overview.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-previous-overview-1-667x375.png" alt="Clever Cloud Console SSH Keys 2022" class="wp-image-7834"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7829,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-overview.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-overview-667x375.png" alt="Clever Cloud Console SSH Keys 2023" class="wp-image-7829"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Gestion simplifiée des e-mails et des membres&nbsp;</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons procédé de la même manière avec la gestion des e-mails et des membres d’une organisation. Là aussi les éléments de base ont été revus pour utiliser nos composants et mieux s’adapter à différents formats d’appareils avec une meilleure accessibilité.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Mais nous avons surtout veillé à ce que des éléments utiles soient présentés de manière claire. Ainsi les e-mails primaires et secondaires d’un compte sont distingués, avec une mention en cas de vérification et la possibilité de changer de statut à tout moment :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7820,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/emails-before-not-verified.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/emails-before-not-verified.png" alt="Clever Cloud Console E-mails 2022" class="wp-image-7820"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7821,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/emails-after-not-verified.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/emails-after-not-verified.png" alt="Clever Cloud Console E-mails 2023" class="wp-image-7821"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Dans le cas de la gestion d’une organisation, une segmentation en trois zones a été mise en place : l’une pour inviter des membres, la seconde pour lister ceux qui sont présents et leurs rôle, ainsi que leur gestion (modification, suppression) et enfin une dernière permettant de quitter une organisation, identifiée comme une “zone de danger”.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ici aussi un travail de fond a été mené sur les messages et informations apportées, notamment pour mieux permettre l’identification de membres n’ayant pas activé la double authentification sur leur compte (2FA), un filtre spécifique vous étant proposé :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7823,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-before-editing.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-before-editing.png" alt="Clever Cloud Console Organisation 2022" class="wp-image-7823"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7822,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-after-overview-admin.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-after-overview-admin.png" alt="Clever Cloud Console Organisation 2023" class="wp-image-7822"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Ces améliorations ne sont que le début du travail sur la Console, qui va perdurer tout au long de 2023, avec une feuille de route déjà bien entamée et de gros projets sur le point d’aboutir. Bonne nouvelle d’ailleurs : la nouvelle interface de logs est en cours de finalisation, nous vous en reparlerons très bientôt ;)</p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="2800" height="1080" src="https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="bannerconsole fr" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr.png 2800w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1536x592.png 1536w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-2048x790.png 2048w, https://cdn.clever-cloud.com/uploads/2023/02/bannerconsole-fr-1368x528.png 1368w" sizes="auto, (max-width: 2800px) 100vw, 2800px" /></p><!-- wp:paragraph -->
<p>En 2022, Clever Cloud a plus que doublé ses effectifs afin d’améliorer ses services et en développer de nouveaux avec le renfort de son pôle R&amp;D. Nous voulions aussi prendre plus le temps de peaufiner ce qui fait le quotidien de nos clients : <a href="https://console.clever-cloud.com/" target="_blank" rel="noreferrer noopener">la Console</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Il s’agit de l’interface web qu’ils utilisent pour gérer et déployer leurs applications et add-ons, accéder à leurs métriques, logs, etc. Elle est développée par notre équipe en charge du front-end, dirigée par Hubert Sablonnière, qui a récemment accueilli 4 nouveaux membres.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Depuis, ils travaillent à une meilleure cohérence des éléments qui composent la Console, en mettant l’accent tant sur l’expérience utilisateur que l’accessibilité. Des travaux de fond ont également été entrepris : amélioration générale du code, des procédures de tests et de déploiement, refonte du système de notifications, de gestion des icônes, la génération de la documentation des <a href="https://www.clever.cloud/developers/clever-components/" target="_blank" rel="noreferrer noopener">Clever Components</a> ou même la clarification de certains tarifs.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Clés SSH : une interface plus utile et plus claire&nbsp;</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Il y a quelques semaines, nous avons également mis en place un nouveau formulaire de gestion des clés SSH, utilisant les Clever Components pour une accessibilité renforcée et une adaptation à tous les écrans. Il est surtout plus clair, notamment avec des aides contextuelles, des messages d’erreur plus explicites, une meilleure gestion du focus, etc.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>On y trouve désormais trois sections : une pour l'ajout d'une nouvelle clé, une seconde listant les clés existantes, que l’on peut supprimer, et enfin celle servant à l’import des clés GitHub. Dans chaque cas, les commandes de bases vous sont expliquées :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7834,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-previous-overview.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-previous-overview-1-667x375.png" alt="Clever Cloud Console SSH Keys 2022" class="wp-image-7834"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7829,"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-overview.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/ssh-keys-overview-667x375.png" alt="Clever Cloud Console SSH Keys 2023" class="wp-image-7829"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Gestion simplifiée des e-mails et des membres&nbsp;</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Nous avons procédé de la même manière avec la gestion des e-mails et des membres d’une organisation. Là aussi les éléments de base ont été revus pour utiliser nos composants et mieux s’adapter à différents formats d’appareils avec une meilleure accessibilité.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Mais nous avons surtout veillé à ce que des éléments utiles soient présentés de manière claire. Ainsi les e-mails primaires et secondaires d’un compte sont distingués, avec une mention en cas de vérification et la possibilité de changer de statut à tout moment :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7820,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/emails-before-not-verified.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/emails-before-not-verified.png" alt="Clever Cloud Console E-mails 2022" class="wp-image-7820"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7821,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/emails-after-not-verified.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/emails-after-not-verified.png" alt="Clever Cloud Console E-mails 2023" class="wp-image-7821"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Dans le cas de la gestion d’une organisation, une segmentation en trois zones a été mise en place : l’une pour inviter des membres, la seconde pour lister ceux qui sont présents et leurs rôle, ainsi que leur gestion (modification, suppression) et enfin une dernière permettant de quitter une organisation, identifiée comme une “zone de danger”.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ici aussi un travail de fond a été mené sur les messages et informations apportées, notamment pour mieux permettre l’identification de membres n’ayant pas activé la double authentification sur leur compte (2FA), un filtre spécifique vous étant proposé :</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"id":7823,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-before-editing.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-before-editing.png" alt="Clever Cloud Console Organisation 2022" class="wp-image-7823"/></a><figcaption class="wp-element-caption">Avant</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"id":7822,"sizeSlug":"full","linkDestination":"media"} -->
<figure class="wp-block-image size-full"><a href="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-after-overview-admin.png" target="_blank" rel="noreferrer noopener"><img src="https://cdn.clever-cloud.com/uploads/2023/02/orga-members-after-overview-admin.png" alt="Clever Cloud Console Organisation 2023" class="wp-image-7822"/></a><figcaption class="wp-element-caption">Après</figcaption></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:paragraph -->
<p>Ces améliorations ne sont que le début du travail sur la Console, qui va perdurer tout au long de 2023, avec une feuille de route déjà bien entamée et de gros projets sur le point d’aboutir. Bonne nouvelle d’ailleurs : la nouvelle interface de logs est en cours de finalisation, nous vous en reparlerons très bientôt ;)</p>
<!-- /wp:paragraph -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comment déployer Keycloak sur Clever Cloud ?</title>
		<link>https://www.clever.cloud/fr/blog/fonctionnalites/2022/05/11/comment-deployer-keycloak-sur-clever-cloud/</link>
		
		<dc:creator><![CDATA[Antoine BLONDEAU]]></dc:creator>
		<pubDate>Wed, 11 May 2022 06:43:59 +0000</pubDate>
				<category><![CDATA[Fonctionnalités]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[fonctionnalité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=6249</guid>

					<description><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="banniere keycloak" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak.png 1400w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-1368x528.png 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p><!-- wp:html -->
<div style="background: #ffffff; padding: 1.5rem; border: 1px solid #deddee; border-radius: 4px; margin: auto auto 2rem auto; max-width: var(--wp--style--global--content-size, 710px);">
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;"><span style="font-size: 2rem;">⚡</span>
<h4 style="margin: 0; color: #333; font-weight: bold;">Mise à jour disponible</h4>
</div>
<p><strong>Le processus a été simplifié!</strong> Découvrez notre nouvel add-on Keycloak, facile à déployer, bourré de fonctionnalités.</p>
<div class="push-documentation__content"><a class="button --white-border" href="https://www.clever.cloud/developers/doc/addons/keycloak/">🚀 Découvrez l'add-on Keycloak</a></div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Keycloak est un moyen moderne et efficace de gérer les identités et les accès. Il permet l'authentification unique, la fédération d'utilisateurs à travers plusieurs annuaires d'utilisateurs. Il est également compatible avec les protocoles d'authentification standard comme OpenID Connect, OAuth2 ou SAML. Tous les détails sont disponibles <a href="https://www.keycloak.org/" target="_blank" rel="noreferrer noopener">sur son site</a>. Dans ce blogpost, nous verrons les étapes du déploiement de Keycloack et Grafana sur Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Comment déployer Keycloak ?</h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph -->
<p>Keycloak est écrit en Java, et fournit un fichier JAR dans sa version, ce qui signifie que nous allons utiliser <a href="https://www.clever.cloud/developers/deploy/application/java/java-jar/" target="_blank" rel="noreferrer noopener">un runtime JAVA avec un déploiement JAR</a>. Il nécessite également une <a href="https://www.postgresql.org/" target="_blank" rel="noreferrer noopener">base de données PostgreSQL</a>, ce qui signifie que nous allons déployer un <a href="https://www.clever.cloud/developers/deploy/addon/postgresql/postgresql/">addon PostgreSQL</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Get lastest Keycloak release
wget https://github.com/keycloak/keycloak/releases/download/17.0.1/keycloak-17.0.1.zip

# Extract the archive
unzip keycloak-17.0.1.zip

# Go to the folder
cd keycloak-17.0.1

# Create the jar application
clever create --type jar keycloak-server
export KEYCLOAK_DOMAIN=$(clever domain | xargs)

# Create the PG addon
clever addon create postgresql-addon --plan s_sml --addon-version 10 keycloak-postgres

# Link the addon
clever service link-addon keycloak-postgres</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 Keycloak en utilisant des variables d'environnement. Notez que vous pouvez également configurer Keycloak via son CLI ou via un fichier, comme indiqué dans sa <a href="https://www.keycloak.org/server/configuration" target="_blank" rel="noreferrer noopener">documentation</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Pour la configuration via des variables d'environnement, le modèle à utiliser est <code>KC_</code> et le nom en majuscule de toute clé de configuration, séparés par des caractères de soulignement.</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Export env for templating purpose
export $(clever env | sed '/^#/d;s/\"//g')

clever env set CC_JAR_PATH lib/quarkus-run.jar
clever env set CC_JAVA_VERSION 11
clever env set CC_RUN_COMMAND "bin/kc.sh start --auto-build"

clever env set KC_DB postgres
clever env set KC_DB_USERNAME $POSTGRESQL_ADDON_USER
clever env set KC_DB_PASSWORD $POSTGRESQL_ADDON_PASSWORD
clever env set KC_DB_URL "jdbc:postgresql://$POSTGRESQL_ADDON_HOST:$POSTGRESQL_ADDON_PORT/$POSTGRESQL_ADDON_DB"
clever env set KC_HOSTNAME $KEYCLOAK_DOMAIN
clever env set KC_HTTP_ENABLED true
clever env set KC_PROXY passthrough
clever env set KC_PROXY_ADDRESS_FORWARDING true</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note: </strong>Envisagez de configurer KC_DB_POOL_MAX_SIZE (Le nombre maximum de connections parallèles a la base de donnée) avec une valeur basse (la valeur par défault est de 100) en fonction de la taille de la base de donnée que vous avez commandé plus tôt. Vous pouvez trouver les limites de connection par taille de base de donnée <a href="https://www.clever.cloud/pricing/#databases">ici</a>. Si vous avez choisi la taille S_SML comme précisé plus tôt dans la commande fournie, vous pouvez ignorer ce message. vous pouvez aussi configurer plus finement le groupe de connection a la base de donnée en utilisant les variable DB_POOL_INITIAL_SIZE et KC_DB_POOL_MIN_SIZE</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Vous devez maintenant définir <code>KEYCLOAK_ADMIN</code> et <code>KEYCLOAK_ADMIN_PASSWORD</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set KEYCLOAK_ADMIN &lt;choose an admin username&gt;
clever env set KEYCLOAK_ADMIN_PASSWORD &lt;choose an admin password&gt;</code></pre>
<!-- /wp:html -->

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

<!-- wp:paragraph -->
<p>Déployer Keycloak sur Clever Cloud :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Init a git repository
git init

# Add your files
git add .

# Create the first commit
git commit -m "clever init"

# Deploy the application
clever deploy

# Open Keycloak in your browser
clever open</code></pre>
<!-- /wp:html -->

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

<!-- wp:paragraph -->
<p>Vous pouvez suivre la documentation de Keycloak <a href="https://www.keycloak.org/getting-started/getting-started-zip#_create_a_realm" target="_blank" rel="noreferrer noopener">en commençant ici</a> pour vous assurer que Keycloak fonctionne comme prévu. Elle vous guidera à travers la création d'un realm (tenant), la création d'un utilisateur et la création/test d'un client.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer une configuration initiale de Keycloak</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dans l'interface utilisateur de Keycloak, assurez-vous de créer un realm appelé "myrealm" (survolez "Master" dans le coin supérieur gauche). Assurez-vous que le realm "<code>myrealm</code>" est sélectionné.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ensuite, allez dans <strong><em>Utilisateurs &gt; Ajouter un utilisateur</em></strong>. Remplissez les champs Nom d'utilisateur, Email, Prénom et Nom de famille, puis cliquez sur Enregistrer.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Dans l'onglet "credentials" de l'utilisateur, ajoutez le mot de passe de votre choix et <strong>désélectionnez "Temporary", le mot de passe défini</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>C'est fait ! </p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Un scénario du monde réel</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":6184,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://cdn.clever-cloud.com/uploads/2022/04/giphy-1-1.webp" alt="" class="wp-image-6184"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Voyons comment nous pouvons utiliser Keycloak dans le monde réel : comme proxy SSO pour Grafana, en utilisant Oauth 2.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p>Si vous avez besoin d'un guide détaillé sur la façon d'utiliser ou de déployer Grafana, veuillez lire <a href="https://www.clever.cloud/fr/blog/features/2021/10/28/grafana-pour-des-metriques-d-applications/">cet article</a>. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Utilisons <a href="https://github.com/CleverCloud/grafana-example">l'exemple Grafana</a> sur le dépôt Github de Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Clone the repository
git clone https://github.com/CleverCloud/grafana-example.git

# Enter the directory
cd grafana-example

# Create a NodeJS Application
clever create --type node grafana
export GRAFANA_DOMAIN=$(clever domain | xargs)

# Configure Grafana
clever env set GRAFANA_VERSION 8.5.2
clever env set GRAFANA_PLUGINS "grafana-worldmap-panel"
clever env set GF_PLUGIN_DIR ./data/plugins

clever env set GF_SERVER_HTTP_PORT 8080
clever env set GF_SERVER_ROOT_URL "https://$GRAFANA_DOMAIN"</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Dans cette section, vous devez définir vous-même la variable <code>GRAFANA_SHA_256</code>. Vous pouvez trouver la <code>SHA256SUM</code> nécessaire <a href="https://grafana.com/grafana/download/8.5.2?pg=get&amp;plcmt=selfmanaged-box1-cta1&amp;edition=oss" target="_blank" rel="noreferrer noopener">ici</a>, à côté de "Standalone Linux Binaries".</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set GRAFANA_SHA_256 &lt;SHA256SUM&gt;</code></pre>
<!-- /wp:html -->

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

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : dans cette section, vous devez remplacer <code>$GRAFANA_DOMAIN</code> par la valeur que vous avez exportée dans la dernière section. Vous pouvez trouver cette valeur en exécutant la commande suivante : <code>clever domain</code>.</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Dans l'interface utilisateur de Keyloak, allez dans <strong><em>Configurer &gt; Clients &gt; Créer</em></strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Créez un nouveau client avec ces configurations :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">Client ID: $GRAFANA_DOMAIN
Client Protocol: openid-connect
Root URL: https://$GRAFANA_DOMAIN</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Effectuez ensuite ces configurations :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">Access Type: confidentials // The OAuth client must use a client id and secret.
Root URL: ${authBaseUrl}
Valid Redirect URIs: https://$GRAFANA_DOMAIN/login/generic_oauth
Base URL: /login/generic_oauth</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Effacez <strong>Admin URL</strong> et <strong>Web Origins</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cliquez sur enregistrer et ouvrez l'onglet <strong>Credentials</strong>. Copiez le secret dans une note séparée, nous en aurons besoin dans les deuxième et troisième parties de ce tutoriel.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ouvrez l'onglet <strong>Rôles</strong> et cliquez sur <strong>Ajouter un rôle</strong>. Créez un nouveau rôle avec le nom admin. Ce rôle définit le niveau d'accès pour Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Allez sur l'onglet <strong>Scope</strong> et définissez <strong>Full Scope Allowed</strong> sur OFF. Nous ne voulons pas partager d'autres détails sur le royaume dans le jeton client.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ensuite, nous allons configurer un mappeur client pour la propriété roles. Nous devons nous assurer que Grafana peut extraire le rôle d'accès à partir du jeton JWT. Ouvrez l'onglet <strong>Mappers</strong> et cliquez sur <strong>Create</strong>. Créez une entrée avec ces options :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"> 
Nom : Roles
Mapper Type : Rôle client utilisateur
ID du client : $GRAFANA_DOMAIN
Nom de la réclamation token : roles
Type JSON de la réclamation : string
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Enfin, attribuez le rôle client à votre utilisateur Keycloak : <strong><em>Allez dans Utilisateurs &gt; Afficher tous les utilisateurs</em></strong> et cliquez sur l'ID de votre <strong>utilisateur</strong>. Cliquez sur l'onglet <strong>Role Mapping</strong>, puis dans le sélecteur <strong>Client Roles</strong>, sélectionnez <strong><code>$GRAFANA_DOMAIN</code></strong>. Dans la section <strong>Available Roles</strong>, sélectionnez admin et cliquez sur <strong>Add selected</strong>.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p>Configurez les variables d'environnement appropriées</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Configure appropriate env vars
clever env set GF_SERVER_DOMAIN $GRAFANA_DOMAIN
clever env set GF_SERVER_ROOT_URL "https://$GRAFANA_DOMAIN"
clever env set GF_AUTH_GENERIC_OAUTH_ENABLED true
clever env set GF_AUTH_GENERIC_OAUTH_NAME Keycloak
clever env set GF_AUTH_GENERIC_OAUTH_ALLOW_SIGN_UP true
clever env set GF_AUTH_GENERIC_OAUTH_CLIENT_ID $GRAFANA_DOMAIN

clever env set GF_AUTH_GENERIC_OAUTH_SCOPES profile
clever env set GF_AUTH_GENERIC_OAUTH_AUTH_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/auth"
clever env set GF_AUTH_GENERIC_OAUTH_TOKEN_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/token"
clever env set GF_AUTH_GENERIC_OAUTH_API_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/userinfo"
clever env set GF_AUTH_GENERIC_OAUTH_ROLE_ATTRIBUTE_PATH "contains(roles[*], 'admin') &amp;&amp; 'Admin' || contains(roles[*], 'editor') &amp;&amp; 'Editor' || 'Viewer'"</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Dans cette section, vous devez définir vous-même <code>GF_AUTH_GENERIC_OAUTH_CLIENT_SECRET</code>, en utilisant la valeur dans Keycloak UI, sous <code>Client &gt; $GRAFANA_URL &gt; Credentials</code></p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set GF_AUTH_GENERIC_OAUTH_CLIENT_SECRET &lt;KEYCLOAK_CLIENT_SECRET&gt;</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Vous pouvez maintenant déployer Grafana :</p>
<!-- /wp:paragraph -->

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

# Open grafana and try the Login with Keycloak button !
clever open
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Maintenant, cliquez sur login with Keycloak, et utilisez le nom d'utilisateur et le mot de passe que vous avez définis pour l'utilisateur que vous avez créé plus tôt dans Keycloak.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>En utilisant la même procédure décrite précédemment pour créer le premier utilisateur, vous pouvez maintenant créer d'autres utilisateurs et rôles. Créez les rôles "éditeur" et/ou "visualisateur" et attribuez-les à vos nouveaux utilisateurs dans Keycloak. Essayez de vous connecter avec ceux-ci sur Grafana et vous verrez que les rôles sont propagés à Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sources :</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://janikvonrotz.ch/2020/08/27/grafana-oauth-with-keycloak-and-how-to-validate-a-jwt-token/">https://janikvonrotz.ch/2020/08/27/grafana-oauth-with-keycloak-and-how-to-validate-a-jwt-token/</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><span style="color: initial;"><a href="https://www.keycloak.org/getting-started/getting-started-zip">https://www.keycloak.org/getting-started/getting-started-zip</a></span></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->]]></description>
										<content:encoded><![CDATA[<p><img width="1400" height="540" src="https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="banniere keycloak" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak.png 1400w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-300x116.png 300w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-1024x395.png 1024w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-768x296.png 768w, https://cdn.clever-cloud.com/uploads/2022/04/banniere-keycloak-1368x528.png 1368w" sizes="auto, (max-width: 1400px) 100vw, 1400px" /></p><!-- wp:html -->
<div style="background: #ffffff; padding: 1.5rem; border: 1px solid #deddee; border-radius: 4px; margin: auto auto 2rem auto; max-width: var(--wp--style--global--content-size, 710px);">
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;"><span style="font-size: 2rem;">⚡</span>
<h4 style="margin: 0; color: #333; font-weight: bold;">Mise à jour disponible</h4>
</div>
<p><strong>Le processus a été simplifié!</strong> Découvrez notre nouvel add-on Keycloak, facile à déployer, bourré de fonctionnalités.</p>
<div class="push-documentation__content"><a class="button --white-border" href="https://www.clever.cloud/developers/doc/addons/keycloak/">🚀 Découvrez l'add-on Keycloak</a></div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Keycloak est un moyen moderne et efficace de gérer les identités et les accès. Il permet l'authentification unique, la fédération d'utilisateurs à travers plusieurs annuaires d'utilisateurs. Il est également compatible avec les protocoles d'authentification standard comme OpenID Connect, OAuth2 ou SAML. Tous les détails sont disponibles <a href="https://www.keycloak.org/" target="_blank" rel="noreferrer noopener">sur son site</a>. Dans ce blogpost, nous verrons les étapes du déploiement de Keycloack et Grafana sur Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Comment déployer Keycloak ?</h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph -->
<p>Keycloak est écrit en Java, et fournit un fichier JAR dans sa version, ce qui signifie que nous allons utiliser <a href="https://www.clever.cloud/developers/deploy/application/java/java-jar/" target="_blank" rel="noreferrer noopener">un runtime JAVA avec un déploiement JAR</a>. Il nécessite également une <a href="https://www.postgresql.org/" target="_blank" rel="noreferrer noopener">base de données PostgreSQL</a>, ce qui signifie que nous allons déployer un <a href="https://www.clever.cloud/developers/deploy/addon/postgresql/postgresql/">addon PostgreSQL</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Get lastest Keycloak release
wget https://github.com/keycloak/keycloak/releases/download/17.0.1/keycloak-17.0.1.zip

# Extract the archive
unzip keycloak-17.0.1.zip

# Go to the folder
cd keycloak-17.0.1

# Create the jar application
clever create --type jar keycloak-server
export KEYCLOAK_DOMAIN=$(clever domain | xargs)

# Create the PG addon
clever addon create postgresql-addon --plan s_sml --addon-version 10 keycloak-postgres

# Link the addon
clever service link-addon keycloak-postgres</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 Keycloak en utilisant des variables d'environnement. Notez que vous pouvez également configurer Keycloak via son CLI ou via un fichier, comme indiqué dans sa <a href="https://www.keycloak.org/server/configuration" target="_blank" rel="noreferrer noopener">documentation</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Pour la configuration via des variables d'environnement, le modèle à utiliser est <code>KC_</code> et le nom en majuscule de toute clé de configuration, séparés par des caractères de soulignement.</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Export env for templating purpose
export $(clever env | sed '/^#/d;s/\"//g')

clever env set CC_JAR_PATH lib/quarkus-run.jar
clever env set CC_JAVA_VERSION 11
clever env set CC_RUN_COMMAND "bin/kc.sh start --auto-build"

clever env set KC_DB postgres
clever env set KC_DB_USERNAME $POSTGRESQL_ADDON_USER
clever env set KC_DB_PASSWORD $POSTGRESQL_ADDON_PASSWORD
clever env set KC_DB_URL "jdbc:postgresql://$POSTGRESQL_ADDON_HOST:$POSTGRESQL_ADDON_PORT/$POSTGRESQL_ADDON_DB"
clever env set KC_HOSTNAME $KEYCLOAK_DOMAIN
clever env set KC_HTTP_ENABLED true
clever env set KC_PROXY passthrough
clever env set KC_PROXY_ADDRESS_FORWARDING true</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note: </strong>Envisagez de configurer KC_DB_POOL_MAX_SIZE (Le nombre maximum de connections parallèles a la base de donnée) avec une valeur basse (la valeur par défault est de 100) en fonction de la taille de la base de donnée que vous avez commandé plus tôt. Vous pouvez trouver les limites de connection par taille de base de donnée <a href="https://www.clever.cloud/pricing/#databases">ici</a>. Si vous avez choisi la taille S_SML comme précisé plus tôt dans la commande fournie, vous pouvez ignorer ce message. vous pouvez aussi configurer plus finement le groupe de connection a la base de donnée en utilisant les variable DB_POOL_INITIAL_SIZE et KC_DB_POOL_MIN_SIZE</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Vous devez maintenant définir <code>KEYCLOAK_ADMIN</code> et <code>KEYCLOAK_ADMIN_PASSWORD</code> :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set KEYCLOAK_ADMIN &lt;choose an admin username&gt;
clever env set KEYCLOAK_ADMIN_PASSWORD &lt;choose an admin password&gt;</code></pre>
<!-- /wp:html -->

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

<!-- wp:paragraph -->
<p>Déployer Keycloak sur Clever Cloud :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Init a git repository
git init

# Add your files
git add .

# Create the first commit
git commit -m "clever init"

# Deploy the application
clever deploy

# Open Keycloak in your browser
clever open</code></pre>
<!-- /wp:html -->

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

<!-- wp:paragraph -->
<p>Vous pouvez suivre la documentation de Keycloak <a href="https://www.keycloak.org/getting-started/getting-started-zip#_create_a_realm" target="_blank" rel="noreferrer noopener">en commençant ici</a> pour vous assurer que Keycloak fonctionne comme prévu. Elle vous guidera à travers la création d'un realm (tenant), la création d'un utilisateur et la création/test d'un client.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Créer une configuration initiale de Keycloak</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dans l'interface utilisateur de Keycloak, assurez-vous de créer un realm appelé "myrealm" (survolez "Master" dans le coin supérieur gauche). Assurez-vous que le realm "<code>myrealm</code>" est sélectionné.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ensuite, allez dans <strong><em>Utilisateurs &gt; Ajouter un utilisateur</em></strong>. Remplissez les champs Nom d'utilisateur, Email, Prénom et Nom de famille, puis cliquez sur Enregistrer.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Dans l'onglet "credentials" de l'utilisateur, ajoutez le mot de passe de votre choix et <strong>désélectionnez "Temporary", le mot de passe défini</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>C'est fait ! </p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Un scénario du monde réel</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":6184,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full"><img src="https://cdn.clever-cloud.com/uploads/2022/04/giphy-1-1.webp" alt="" class="wp-image-6184"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Voyons comment nous pouvons utiliser Keycloak dans le monde réel : comme proxy SSO pour Grafana, en utilisant Oauth 2.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p>Si vous avez besoin d'un guide détaillé sur la façon d'utiliser ou de déployer Grafana, veuillez lire <a href="https://www.clever.cloud/fr/blog/features/2021/10/28/grafana-pour-des-metriques-d-applications/">cet article</a>. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Utilisons <a href="https://github.com/CleverCloud/grafana-example">l'exemple Grafana</a> sur le dépôt Github de Clever Cloud.</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Clone the repository
git clone https://github.com/CleverCloud/grafana-example.git

# Enter the directory
cd grafana-example

# Create a NodeJS Application
clever create --type node grafana
export GRAFANA_DOMAIN=$(clever domain | xargs)

# Configure Grafana
clever env set GRAFANA_VERSION 8.5.2
clever env set GRAFANA_PLUGINS "grafana-worldmap-panel"
clever env set GF_PLUGIN_DIR ./data/plugins

clever env set GF_SERVER_HTTP_PORT 8080
clever env set GF_SERVER_ROOT_URL "https://$GRAFANA_DOMAIN"</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Dans cette section, vous devez définir vous-même la variable <code>GRAFANA_SHA_256</code>. Vous pouvez trouver la <code>SHA256SUM</code> nécessaire <a href="https://grafana.com/grafana/download/8.5.2?pg=get&amp;plcmt=selfmanaged-box1-cta1&amp;edition=oss" target="_blank" rel="noreferrer noopener">ici</a>, à côté de "Standalone Linux Binaries".</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set GRAFANA_SHA_256 &lt;SHA256SUM&gt;</code></pre>
<!-- /wp:html -->

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

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : dans cette section, vous devez remplacer <code>$GRAFANA_DOMAIN</code> par la valeur que vous avez exportée dans la dernière section. Vous pouvez trouver cette valeur en exécutant la commande suivante : <code>clever domain</code>.</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Dans l'interface utilisateur de Keyloak, allez dans <strong><em>Configurer &gt; Clients &gt; Créer</em></strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Créez un nouveau client avec ces configurations :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">Client ID: $GRAFANA_DOMAIN
Client Protocol: openid-connect
Root URL: https://$GRAFANA_DOMAIN</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Effectuez ensuite ces configurations :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">Access Type: confidentials // The OAuth client must use a client id and secret.
Root URL: ${authBaseUrl}
Valid Redirect URIs: https://$GRAFANA_DOMAIN/login/generic_oauth
Base URL: /login/generic_oauth</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Effacez <strong>Admin URL</strong> et <strong>Web Origins</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Cliquez sur enregistrer et ouvrez l'onglet <strong>Credentials</strong>. Copiez le secret dans une note séparée, nous en aurons besoin dans les deuxième et troisième parties de ce tutoriel.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ouvrez l'onglet <strong>Rôles</strong> et cliquez sur <strong>Ajouter un rôle</strong>. Créez un nouveau rôle avec le nom admin. Ce rôle définit le niveau d'accès pour Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Allez sur l'onglet <strong>Scope</strong> et définissez <strong>Full Scope Allowed</strong> sur OFF. Nous ne voulons pas partager d'autres détails sur le royaume dans le jeton client.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ensuite, nous allons configurer un mappeur client pour la propriété roles. Nous devons nous assurer que Grafana peut extraire le rôle d'accès à partir du jeton JWT. Ouvrez l'onglet <strong>Mappers</strong> et cliquez sur <strong>Create</strong>. Créez une entrée avec ces options :</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"> 
Nom : Roles
Mapper Type : Rôle client utilisateur
ID du client : $GRAFANA_DOMAIN
Nom de la réclamation token : roles
Type JSON de la réclamation : string
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Enfin, attribuez le rôle client à votre utilisateur Keycloak : <strong><em>Allez dans Utilisateurs &gt; Afficher tous les utilisateurs</em></strong> et cliquez sur l'ID de votre <strong>utilisateur</strong>. Cliquez sur l'onglet <strong>Role Mapping</strong>, puis dans le sélecteur <strong>Client Roles</strong>, sélectionnez <strong><code>$GRAFANA_DOMAIN</code></strong>. Dans la section <strong>Available Roles</strong>, sélectionnez admin et cliquez sur <strong>Add selected</strong>.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p>Configurez les variables d'environnement appropriées</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash"># Configure appropriate env vars
clever env set GF_SERVER_DOMAIN $GRAFANA_DOMAIN
clever env set GF_SERVER_ROOT_URL "https://$GRAFANA_DOMAIN"
clever env set GF_AUTH_GENERIC_OAUTH_ENABLED true
clever env set GF_AUTH_GENERIC_OAUTH_NAME Keycloak
clever env set GF_AUTH_GENERIC_OAUTH_ALLOW_SIGN_UP true
clever env set GF_AUTH_GENERIC_OAUTH_CLIENT_ID $GRAFANA_DOMAIN

clever env set GF_AUTH_GENERIC_OAUTH_SCOPES profile
clever env set GF_AUTH_GENERIC_OAUTH_AUTH_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/auth"
clever env set GF_AUTH_GENERIC_OAUTH_TOKEN_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/token"
clever env set GF_AUTH_GENERIC_OAUTH_API_URL "https://$KEYCLOAK_DOMAIN/realms/myrealm/protocol/openid-connect/userinfo"
clever env set GF_AUTH_GENERIC_OAUTH_ROLE_ATTRIBUTE_PATH "contains(roles[*], 'admin') &amp;&amp; 'Admin' || contains(roles[*], 'editor') &amp;&amp; 'Editor' || 'Viewer'"</code></pre>
<!-- /wp:html -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p><strong>Note</strong> : Dans cette section, vous devez définir vous-même <code>GF_AUTH_GENERIC_OAUTH_CLIENT_SECRET</code>, en utilisant la valeur dans Keycloak UI, sous <code>Client &gt; $GRAFANA_URL &gt; Credentials</code></p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->

<!-- wp:html -->
<pre class="wp-block-code"><code class="lang-bash">clever env set GF_AUTH_GENERIC_OAUTH_CLIENT_SECRET &lt;KEYCLOAK_CLIENT_SECRET&gt;</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Vous pouvez maintenant déployer Grafana :</p>
<!-- /wp:paragraph -->

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

# Open grafana and try the Login with Keycloak button !
clever open
</code></pre>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Maintenant, cliquez sur login with Keycloak, et utilisez le nom d'utilisateur et le mot de passe que vous avez définis pour l'utilisateur que vous avez créé plus tôt dans Keycloak.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>En utilisant la même procédure décrite précédemment pour créer le premier utilisateur, vous pouvez maintenant créer d'autres utilisateurs et rôles. Créez les rôles "éditeur" et/ou "visualisateur" et attribuez-les à vos nouveaux utilisateurs dans Keycloak. Essayez de vous connecter avec ceux-ci sur Grafana et vous verrez que les rôles sont propagés à Grafana.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sources :</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://janikvonrotz.ch/2020/08/27/grafana-oauth-with-keycloak-and-how-to-validate-a-jwt-token/">https://janikvonrotz.ch/2020/08/27/grafana-oauth-with-keycloak-and-how-to-validate-a-jwt-token/</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><span style="color: initial;"><a href="https://www.keycloak.org/getting-started/getting-started-zip">https://www.keycloak.org/getting-started/getting-started-zip</a></span></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gérer le trafic d’un site pour un passage TV, mais en 24 h</title>
		<link>https://www.clever.cloud/fr/blog/entreprise/2022/01/20/gerer-le-trafic-dun-site-pour-un-passage-tv-mais-en-24-h/</link>
		
		<dc:creator><![CDATA[Clément Nivolle]]></dc:creator>
		<pubDate>Thu, 20 Jan 2022 13:54:25 +0000</pubDate>
				<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Features]]></category>
		<category><![CDATA[scalabilité]]></category>
		<guid isPermaLink="false">https://www.clever-cloud.com/?p=5171</guid>

					<description><![CDATA[<p><img width="1920" height="796" src="https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="lotr3moviescreencaps com24573" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573.jpg 1920w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-300x124.jpg 300w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1024x425.jpg 1024w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-768x318.jpg 768w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1536x637.jpg 1536w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1368x567.jpg 1368w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></p><!-- wp:paragraph {"dropCap":true} -->
<p class="has-drop-cap">Surprise comme il en arrive souvent: le reportage TV qui a été réalisé sur votre entreprise il y a 2 mois va être programmé demain soir. Ou bien, au cœur d’une thématique brûlante, votre produit va faire l’objet d’une pastille pendant le 20 h.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le passage à la télé s’accorde toujours mal avec le web. Car lorsque vous dimensionnez vos infrastructures IT, c’est plutôt pour gérer votre croissance sur 3 ans. Sur une belle courbe montante, en général linéaire. Et quand il faut gérer un pic de trafic de 800%, votre architecture va se retrouver à genoux.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sauf avec Clever Cloud. Configurer vos applications pour absorber un pic de trafic se règle avec quelques clics dans l’interface:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5164,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/Screenshot-2022-01-20-at-10.55.06-627x447.png" alt="Gestion des instances dans la console de Clever Cloud" class="wp-image-5164"/><figcaption class="wp-element-caption">Gestion des instances dans la console de Clever Cloud, pour gérer le trafic de votre site</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Mais en réalité, gérer le trafic d'un site, c’est simple si vous êtes déjà hébergé par Clever Cloud. Cependant si ce n’est pas le cas, il n’y a pas fatalité pour autant.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>M6 diffusait hier l’émission “Qui veut être mon associé&nbsp;?”. Et la jeune entreprise <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a>, qui aide les producteurs agricoles au cours des trois années de leur transition bio, y participe alors. Hébergé sur une architecture traditionnelle, le risque de voir le service tomber est grand. Nous avons donc aidé <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a> à migrer son site vers Clever Cloud, et ce en moins de 24 heures!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="comment-clever-cloud-gere-ces-pics-de-trafic">Comment Clever Cloud gère ces pics de trafic</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d’abord, le trafic va être géré côté Clever Cloud par des load-balancers (aussi appelés répartiteurs de charge en français) avant d’atteindre votre application. Ces <em>load-balancers</em> (autrefois des instances HAPRoxy, et désormais des instances de <a href="https://github.com/sozu-proxy/sozu">Sōzu</a>, un logiciel maison) vont se répartir le trafic entre eux. Au même titre que  vous aviez des ELB d’Amazon (<em>Elastic Load Balancer</em>), sauf qu’ici, c’est inclus par défaut, et déjà configuré.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Votre application va ensuite recevoir le trafic. En fonction de votre configuration de <em>scaling</em>, votre application va pouvoir déclencher des alertes à notre système de monitoring si CPU et RAM augmentent. Et donc multiplier le nombre d’instances. Des <em>load-balancers</em> et de multiples instances en quelques seconde: et vous voilà paré pour gérer le trafic de votre site.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5168,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/les-VM-667x372.png" alt="Répartition du trafic, réalisé à capella par l'auteur de cet article" class="wp-image-5168"/><figcaption class="wp-element-caption">Répartition du trafic, réalisé à capella par l'auteur de cet article</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="la-migration-en-soi">La migration en soi</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour passer aussi rapidement chez Clever Cloud, nous avons été mis en relation avec les équipes de <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a>. Et c’est la formidable organisation du support qui a été à leurs côtés pour migrer leur site (ici un Wordpress) d’une solution mutualisée à Clever Cloud. Malgré un timing plutôt… serré.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5166,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/team-realising-667x324.png" alt="" class="wp-image-5166"/><figcaption class="wp-element-caption">Annoncer des bonnes nouvelles, toujours un plaisir.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>La recette du succès a été une migration très rapide. En effet, il y a deux façon de déployer votre Wordpress sur Clever Cloud:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Rapidement, avec un simple transfert FTP</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>D’une façon plus élégante avec l’usage de git pour le code, de Cellar pour les médias et de Composer pour les plug-ins. Nous recommandons le boilerplate de Bedrock pour cela. Zileo a fait un <a href="https://github.com/zileo-net/clevercloud-wordpress">tutorial Bedrock pour Clever Cloud</a>.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Évidement on est partis sur la première solution dans le cas de BioDemain.<br>Après avoir pris contact avec le développeur, la première étape a été de transférer les fichiers entre l’ancien hébergeur, et Clever.<br>Plusieurs dizaines de milliers de ficher, donc en FTP ça prends du temps.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>En attendant la fin de la transmission de fichiers, notre équipe et BioDemain on pu déployer deux autres instances pour la suite: MySQL et Redis. Puis est venue la configuration de l’application PHP en elle-même (toujours pendant le tranfert).<br>Ici il a fallu:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://www.clever.cloud/developers/deploy/addon/mysql/proxysql/" target="_blank" rel="noreferrer noopener">Activer ProxySQL pour mutualiser</a> les connections applications</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Configurer proxySQL via de simples variables d’environnements:<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><code>CC_ENABLE_MYSQL_PROXYSQL=true</code> pour activation</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><code>CC_MYSQL_PROXYSQL_MAX_CONNECTIONS =15</code> pour mettre en place le nombre max de connections à gérer</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><code>CC_MYSQL_PROXYSQL_USE_TLS=true</code> si besoin</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Faire un dump de la base MySQL originale et importer ce dump dans la nouvelle</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://www.clever.cloud/developers/getting-started/by-language/php/#use-redis-to-store-php-sessions" target="_blank" rel="noreferrer noopener">Activer les session</a> Redis dans PHP via les variables d’environnement.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="les-petits-tips-tech-en-plus">Les petits tips tech en plus</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Vous pouvez également <a href="https://www.clever.cloud/developers/administrate/cache/" target="_blank" rel="noreferrer noopener">activer le Varnish intégré dans Clever Cloud</a> si vous le sentez</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Aussi, mettez en place un CDN. Si vous n’avez pas le temps d’optimiser au petits oignons votre site, les CDN sont là pour décharger une partie du trafic sur eux.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Avant toute chose, baissez les TTL de vos enregistrements CNAME et A de votre nom de domaine. Les changements de conf se propagent sur 24&nbsp;h. Vous allez trouver dommage de faire une migration si le trafic continue d'aller ailleurs.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Et si jamais vous avez un down, redirigerez votre page d’accueil vers une application qui affiche un formulaire de contact. Ainsi les internautes pourront ainsi laisser un email pour être joints à nouveau.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Enfin, évaluez les performances. Le moment fatidique du passage TV ne souffre pas d’un seul oubli. Pour cela: JMeter en local (attention, ca demande des ressources), ou des services en ligne super bien comme <a href="https://gatling.io">Gatling.io</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous avez toutes les cartes en main pour la suite :) Bon courage !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->]]></description>
										<content:encoded><![CDATA[<p><img width="1920" height="796" src="https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="lotr3moviescreencaps com24573" decoding="async" loading="lazy" srcset="https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573.jpg 1920w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-300x124.jpg 300w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1024x425.jpg 1024w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-768x318.jpg 768w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1536x637.jpg 1536w, https://cdn.clever-cloud.com/uploads/2022/01/lotr3moviescreencaps-com24573-1368x567.jpg 1368w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></p><!-- wp:paragraph {"dropCap":true} -->
<p class="has-drop-cap">Surprise comme il en arrive souvent: le reportage TV qui a été réalisé sur votre entreprise il y a 2 mois va être programmé demain soir. Ou bien, au cœur d’une thématique brûlante, votre produit va faire l’objet d’une pastille pendant le 20 h.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Le passage à la télé s’accorde toujours mal avec le web. Car lorsque vous dimensionnez vos infrastructures IT, c’est plutôt pour gérer votre croissance sur 3 ans. Sur une belle courbe montante, en général linéaire. Et quand il faut gérer un pic de trafic de 800%, votre architecture va se retrouver à genoux.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sauf avec Clever Cloud. Configurer vos applications pour absorber un pic de trafic se règle avec quelques clics dans l’interface:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5164,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/Screenshot-2022-01-20-at-10.55.06-627x447.png" alt="Gestion des instances dans la console de Clever Cloud" class="wp-image-5164"/><figcaption class="wp-element-caption">Gestion des instances dans la console de Clever Cloud, pour gérer le trafic de votre site</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Mais en réalité, gérer le trafic d'un site, c’est simple si vous êtes déjà hébergé par Clever Cloud. Cependant si ce n’est pas le cas, il n’y a pas fatalité pour autant.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>M6 diffusait hier l’émission “Qui veut être mon associé&nbsp;?”. Et la jeune entreprise <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a>, qui aide les producteurs agricoles au cours des trois années de leur transition bio, y participe alors. Hébergé sur une architecture traditionnelle, le risque de voir le service tomber est grand. Nous avons donc aidé <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a> à migrer son site vers Clever Cloud, et ce en moins de 24 heures!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="comment-clever-cloud-gere-ces-pics-de-trafic">Comment Clever Cloud gère ces pics de trafic</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tout d’abord, le trafic va être géré côté Clever Cloud par des load-balancers (aussi appelés répartiteurs de charge en français) avant d’atteindre votre application. Ces <em>load-balancers</em> (autrefois des instances HAPRoxy, et désormais des instances de <a href="https://github.com/sozu-proxy/sozu">Sōzu</a>, un logiciel maison) vont se répartir le trafic entre eux. Au même titre que  vous aviez des ELB d’Amazon (<em>Elastic Load Balancer</em>), sauf qu’ici, c’est inclus par défaut, et déjà configuré.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Votre application va ensuite recevoir le trafic. En fonction de votre configuration de <em>scaling</em>, votre application va pouvoir déclencher des alertes à notre système de monitoring si CPU et RAM augmentent. Et donc multiplier le nombre d’instances. Des <em>load-balancers</em> et de multiples instances en quelques seconde: et vous voilà paré pour gérer le trafic de votre site.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5168,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/les-VM-667x372.png" alt="Répartition du trafic, réalisé à capella par l'auteur de cet article" class="wp-image-5168"/><figcaption class="wp-element-caption">Répartition du trafic, réalisé à capella par l'auteur de cet article</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="la-migration-en-soi">La migration en soi</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Pour passer aussi rapidement chez Clever Cloud, nous avons été mis en relation avec les équipes de <a href="https://www.biodemain.fr/" target="_blank" rel="noreferrer noopener">BioDemain</a>. Et c’est la formidable organisation du support qui a été à leurs côtés pour migrer leur site (ici un Wordpress) d’une solution mutualisée à Clever Cloud. Malgré un timing plutôt… serré.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5166,"sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large"><img src="https://cdn.clever-cloud.com/uploads/2022/01/team-realising-667x324.png" alt="" class="wp-image-5166"/><figcaption class="wp-element-caption">Annoncer des bonnes nouvelles, toujours un plaisir.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>La recette du succès a été une migration très rapide. En effet, il y a deux façon de déployer votre Wordpress sur Clever Cloud:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Rapidement, avec un simple transfert FTP</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>D’une façon plus élégante avec l’usage de git pour le code, de Cellar pour les médias et de Composer pour les plug-ins. Nous recommandons le boilerplate de Bedrock pour cela. Zileo a fait un <a href="https://github.com/zileo-net/clevercloud-wordpress">tutorial Bedrock pour Clever Cloud</a>.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Évidement on est partis sur la première solution dans le cas de BioDemain.<br>Après avoir pris contact avec le développeur, la première étape a été de transférer les fichiers entre l’ancien hébergeur, et Clever.<br>Plusieurs dizaines de milliers de ficher, donc en FTP ça prends du temps.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>En attendant la fin de la transmission de fichiers, notre équipe et BioDemain on pu déployer deux autres instances pour la suite: MySQL et Redis. Puis est venue la configuration de l’application PHP en elle-même (toujours pendant le tranfert).<br>Ici il a fallu:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://www.clever.cloud/developers/deploy/addon/mysql/proxysql/" target="_blank" rel="noreferrer noopener">Activer ProxySQL pour mutualiser</a> les connections applications</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Configurer proxySQL via de simples variables d’environnements:<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><code>CC_ENABLE_MYSQL_PROXYSQL=true</code> pour activation</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><code>CC_MYSQL_PROXYSQL_MAX_CONNECTIONS =15</code> pour mettre en place le nombre max de connections à gérer</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><code>CC_MYSQL_PROXYSQL_USE_TLS=true</code> si besoin</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Faire un dump de la base MySQL originale et importer ce dump dans la nouvelle</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://www.clever.cloud/developers/getting-started/by-language/php/#use-redis-to-store-php-sessions" target="_blank" rel="noreferrer noopener">Activer les session</a> Redis dans PHP via les variables d’environnement.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="les-petits-tips-tech-en-plus">Les petits tips tech en plus</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Vous pouvez également <a href="https://www.clever.cloud/developers/administrate/cache/" target="_blank" rel="noreferrer noopener">activer le Varnish intégré dans Clever Cloud</a> si vous le sentez</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Aussi, mettez en place un CDN. Si vous n’avez pas le temps d’optimiser au petits oignons votre site, les CDN sont là pour décharger une partie du trafic sur eux.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Avant toute chose, baissez les TTL de vos enregistrements CNAME et A de votre nom de domaine. Les changements de conf se propagent sur 24&nbsp;h. Vous allez trouver dommage de faire une migration si le trafic continue d'aller ailleurs.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Et si jamais vous avez un down, redirigerez votre page d’accueil vers une application qui affiche un formulaire de contact. Ainsi les internautes pourront ainsi laisser un email pour être joints à nouveau.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Enfin, évaluez les performances. Le moment fatidique du passage TV ne souffre pas d’un seul oubli. Pour cela: JMeter en local (attention, ca demande des ressources), ou des services en ligne super bien comme <a href="https://gatling.io">Gatling.io</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Vous avez toutes les cartes en main pour la suite :) Bon courage !</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></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" 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 -->]]></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>
