-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-logging.html
223 lines (212 loc) · 8.92 KB
/
portfolio-logging.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!doctype html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TFWLX6ZP');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>DevHop!</title>
<!-- Favicon -->
<link href="assets/images/favicon.png" rel="shortcut icon">
<!-- CSS -->
<link href="assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="assets/plugins/glightbox/glightbox.min.css" rel="stylesheet">
<link href="assets/plugins/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/theme.css" rel="stylesheet">
<!-- Fonts/Icons -->
<link href="assets/plugins/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/plugins/fontawesome/css/all.css" rel="stylesheet">
</head>
<body class="theme-dark" data-preloader="true">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFWLX6ZP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Header -->
<div class="header-wrapper">
<div class="container">
<div class="header-nav">
<!-- Toggle Menu Button (for Desktop) -->
<button class="toggle-menu-btn">
<span></span>
</button>
<!-- Toggle Menu (for Desktop) -->
<div class="toggle-menu">
<h6 class="mb-0">Téléphone :</h6>
<a href="tel:+33 6 95 05 78 66">+33 6 95 05 78 66</a>
<div class="mt-3">
<h6 class="mb-0">Email:</h6>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<ul class="list-inline mt-3">
<li>
<a href="https://www.linkedin.com/in/paul-lesur-261596bb/"><i
class="bi bi-linkedin"></i></a>
</li>
<li>
<a href="https://www.instagram.com/paullesur/"><i class="bi bi-instagram"></i></a>
</li>
<li>
<a href="https://unsplash.com/fr/@homonculus"><i class="fa-brands fa-unsplash"></i></a>
</li>
</ul>
</div>
<!-- Nav Toggle (for Mobile) -->
<button class="nav-toggle">
<span></span>
</button>
<!-- Nav -->
<ul class="nav-list">
<li class="nav-list-item"><a href="index.html">À propos</a></li>
<li class="nav-list-item"><a href="index.html#resume">CV</a></li>
<li class="nav-list-item"><a href="portfolio-dark.html">Portfolio</a></li>
</ul>
</div>
<!-- Header Logo -->
<div class="header-logo">
<h3 class="fw-semi-bold uppercase">DevHop!</h3>
<!--
<img src="assets/images/header-logo.png" alt="">
-->
</div>
</div>
</div>
<!-- end Header -->
<!-- Project Introduction -->
<div class="section-spacing">
<div class="container">
<div class="row g-5">
<div class="col-12 col-xl-8">
<h1 class="display-2 fw-medium">Stack de Logging</h1>
<h2 class="fw-medium">Contexte du projet</h2>
<!-- Paragraph -->
<p>Dans mon rôle de Site Reliability Engineer (SRE), l'un des défis majeurs que j'ai rencontrés
était de centraliser et analyser efficacement les logs provenant de plusieurs systèmes au sein
de l’infrastructure de l’entreprise. Pour répondre à ce besoin, j’ai mis en place une stack de
logging performante, basée sur OpenSearch et Fluentbit, afin de collecter, analyser et
visualiser les logs en temps réel, tout en permettant une traçabilité et un diagnostic rapide
des incidents.</p>
<div class="d-inline-block dashed-box font-small font-family-secondary fw-medium uppercase mt-3">
<span>Client: Scale-up tech en forte croissance</span>
</div>
</div>
<div class="col-12 col-xl-4">
<div class="bg-lighter border-radius p-4 p-md-5 box-shadow">
<div class="row g-3 g-md-4">
<div class="col-12 col-md-6 col-xl-12">
<h5 class="fw-medium mb-0">Nature du projet :</h5>
<p>Mise en Place et Maintenance d'une Stack de Logging avec OpenSearch et Fluentbit</p>
</div>
<div class="col-12 col-md-6 col-xl-12">
<h5 class="fw-medium mb-0">Stack technique :</h5>
<div class="d-inline-block dashed-box font-small font-family-secondary fw-medium mt-1">
<span><i class="fa-solid fa-search"></i> Opensearch</span>
</div>
<div class="d-inline-block dashed-box font-small font-family-secondary fw-medium mt-1">
<span><i class="fa-solid fa-chart-simple"></i> Opensearch Dashboard</span>
</div>
<div class="d-inline-block dashed-box font-small font-family-secondary fw-medium mt-1">
<span><i class="fa-regular fa-file-lines"></i> Fluentd / Fluentbit</span>
</div>
<div class="d-inline-block dashed-box font-small font-family-secondary fw-medium mt-1">
<span><i class="fa-solid fa-cloud"></i> Azure</span>
</div>
</div>
</div><!-- end row(inner) -->
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<!-- end Project Introduction -->
<!-- Project details -->
<div class="section-spacing pt-0">
<div class="container">
<!-- Lightbox Images -->
<div class="row g-4">
<div class="col-12 col-md-6">
<div class="img-link-box border-radius">
<img src="assets/images/logs.png" alt="">
</div>
</div>
<div class="col-12 col-md-6">
<div class="img-link-box border-radius">
<img src="assets/images/monitoring.png" alt="">
</div>
</div>
</div>
<!-- Heading -->
<div class="mt-4 mt-lg-5">
<!-- Heading -->
<h2 class="fw-medium">Objectifs du Projet</h2>
<p>Les principaux objectifs de la mise en place de cette stack de logging étaient :</p>
<ul>
<li>Centraliser les logs provenant de divers services, applications et infrastructures pour une
meilleure visibilité.</li>
<li>Analyser les logs en temps réel pour identifier les incidents ou anomalies avant qu'ils
n'impactent la production.</li>
<li>Automatiser la gestion des logs tout en optimisant les ressources de stockage et en garantissant
la scalabilité du système.</li>
<li>Fournir aux équipes techniques des dashboards intuitifs et des capacités de recherche avancée
pour faciliter la résolution d'incidents.</li>
</ul>
</div>
<div class="mt-4 mt-lg-5">
<!-- Heading -->
<h2 class="fw-medium">Technologies utilisées</h2>
<ul>
<li>Fluentbit : Utilisé pour collecter les logs des différents serveurs et services, en tant
qu'agent léger et performant.</li>
<li>OpenSearch : Pour l’indexation, la recherche et l'analyse des logs, avec une interface facile à
utiliser et des fonctionnalités avancées de visualisation et de requêtage.</li>
<li>OpenSearch Dashboards : Pour créer des dashboards dynamiques permettant aux équipes de
visualiser les logs et de suivre les tendances en temps réel.</li>
<li>Azure Blob Storage : Pour le stockage à long terme des logs, garantissant une gestion des
données de manière sécurisée et conforme aux exigences de rétention.</li>
</ul>
</div>
<div class="mt-4 mt-lg-5">
<!-- Heading -->
<h2 class="fw-medium">Conclusion</h2>
<p>La mise en place et la maintenance d’une stack de logging basée sur OpenSearch et Fluentbit ont
permis d’améliorer de manière significative la visibilité des systèmes et la réactivité face aux
incidents. Grâce à une gestion efficace des logs, les équipes ont pu identifier les problèmes plus
rapidement et optimiser les performances des services. Cette expérience m'a permis de renforcer mes
compétences en monitoring avancé, en optimisation des performances de systèmes distribués et en
gestion des logs à grande échelle.</p>
</div>
</div><!-- end container -->
</div>
<!-- end Project details -->
<!-- Footer -->
<div class="container">
<div class="section-spacing bg-charcoal p-4 p-md-5 box-shadow border-radius-top">
<div class="row g-2 align-items-center">
<div class="col-12 col-md-6 text-center text-md-start">
<p>© 2024 DevHop! All rights reserved.</p>
</div>
<div class="col-12 col-md-6 text-center text-md-end">
<ul class="list-inline-dash">
<li><a class="link-hover-line" href="#">Remonter</a></li>
</ul>
</div>
</div><!-- end row -->
</div>
</div>
<!-- end Footer -->
<!-- Cursor Gradient -->
<div class="cursor-gradient"></div>
<!-- end Cursor Gradient -->
<!-- JavaScripts -->
<script src="assets/plugins/jquery.min.js"></script>
<script src="assets/plugins/plugins.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>