Fix(fr posts): missing pictures

This commit is contained in:
darnodo
2025-02-20 17:06:58 +01:00
parent 478eb52507
commit 85a0918768
24 changed files with 28 additions and 35 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View File

@@ -54,7 +54,7 @@ Lobjectif du **VXLAN** est de **prolonger la couche 2** à travers un réseau
> **En clair :** On encapsule les trames Ethernet (couche 2) dans un paquet UDP (couche 4), lui-même transporté par IP (couche 3). > **En clair :** On encapsule les trames Ethernet (couche 2) dans un paquet UDP (couche 4), lui-même transporté par IP (couche 3).
![OSI Layers](media_layers.png#center) ![OSI Layers](media_layers.fr.png#center)
> [!NOTE]**Les couches “matérielles”** > [!NOTE]**Les couches “matérielles”**
> >
@@ -86,7 +86,7 @@ Le train roule sur des rails (le **réseau IP**, couche 3). Les voies ferrées s
- **Isolation et segmentation** : Comme plusieurs trains peuvent rouler sur la même ligne ferroviaire, il est possible dexploiter différents tunnels VXLAN (chacun avec son VNI) sur la même infrastructure IP. - **Isolation et segmentation** : Comme plusieurs trains peuvent rouler sur la même ligne ferroviaire, il est possible dexploiter différents tunnels VXLAN (chacun avec son VNI) sur la même infrastructure IP.
- **Élasticité et fiabilité** : En sappuyant sur la couche 3, VXLAN profite de toutes les optimisations du routage IP (recalcul ditinéraires, tolérance aux pannes, etc.). - **Élasticité et fiabilité** : En sappuyant sur la couche 3, VXLAN profite de toutes les optimisations du routage IP (recalcul ditinéraires, tolérance aux pannes, etc.).
![Container transport](transports.png#center) ![Container transport](transports.fr.png#center)
## Cas d'usage concrets 🏭 ## Cas d'usage concrets 🏭

View File

@@ -66,11 +66,11 @@ Dans mes aventures quotidiennes en réseau, je déploie des configurations basé
DevPod utilise des **Providers** (fournisseurs), qui sont des modules de configuration définissant où et comment DevPod lance votre environnement. Voici la liste des fournisseurs : DevPod utilise des **Providers** (fournisseurs), qui sont des modules de configuration définissant où et comment DevPod lance votre environnement. Voici la liste des fournisseurs :
![Provider_list](provider.png#center) ![Provider_list](provider.fr.png#center)
Nous allons nous concentrer sur le **Provider AWS** — bien qu'il existe de nombreuses options de configuration : Nous allons nous concentrer sur le **Provider AWS** — bien qu'il existe de nombreuses options de configuration :
![Provider_list](aws_options.png#center) ![Provider_list](aws_options.fr.png#center)
Avant de paniquer devant tous ces réglages, ne vous inquiétez pas. Si vous ne faites que quelques expérimentations, les valeurs par défaut conviennent généralement. 🙌 Avant de paniquer devant tous ces réglages, ne vous inquiétez pas. Si vous ne faites que quelques expérimentations, les valeurs par défaut conviennent généralement. 🙌
@@ -245,7 +245,7 @@ Retournez dans **Users** → **devpod-tool-user** → **Permissions** pour confi
- Si vous avez créé un utilisateur programmatique, n'oubliez pas de noter l'**Access Key ID** et le **Secret Access Key**. - Si vous avez créé un utilisateur programmatique, n'oubliez pas de noter l'**Access Key ID** et le **Secret Access Key**.
![devpod_user_sumup](devpod_user.png#center) ![devpod_user_sumup](devpod_user.fr.png#center)
**Bonus** : Notez votre **ID VPC** (dans la section VPC sur AWS). Vous en aurez besoin lors de la configuration de DevPod. **Bonus** : Notez votre **ID VPC** (dans la section VPC sur AWS). Vous en aurez besoin lors de la configuration de DevPod.
@@ -277,7 +277,7 @@ Lorsqu'on vous le demande :
Cliquez sur **Add Provider**. Cliquez sur **Add Provider**.
![added_new_provider](new_provider.png#center) ![added_new_provider](new_provider.fr.png#center)
## Tester un déploiement 🧪 ## Tester un déploiement 🧪
@@ -292,23 +292,23 @@ Nous allons effectuer un test rapide en utilisant l'une des images Docker préco
5. À droite, sélectionnez un exemple de démarrage rapide (par exemple, Python). 🐍 5. À droite, sélectionnez un exemple de démarrage rapide (par exemple, Python). 🐍
6. Cliquez sur **Create Workspace**. 6. Cliquez sur **Create Workspace**.
![new_worspace](new_worskapce.png#center) ![new_worspace](new_worskapce.fr.png#center)
Attendez quelques instants, et votre environnement basé sur le cloud apparaîtra dans VS Code. 🎊 Attendez quelques instants, et votre environnement basé sur le cloud apparaîtra dans VS Code. 🎊
![vscode](vscode.png#center) ![vscode](vscode.fr.png#center)
### Arrêter ### Arrêter
Lorsque vous n'utilisez pas l'environnement, cliquez sur **Stop** pour éteindre l'instance EC2. Vous ne paierez que pour le stockage — aucun temps de calcul. Idéal pour votre portefeuille. 💰 Lorsque vous n'utilisez pas l'environnement, cliquez sur **Stop** pour éteindre l'instance EC2. Vous ne paierez que pour le stockage — aucun temps de calcul. Idéal pour votre portefeuille. 💰
![Stopped Instance](stopped_instance.png#center) ![Stopped Instance](stopped_instance.fr.png#center)
### Supprimer ### Supprimer
Supprimer le workspace supprime toutes les ressources AWS associées à cet environnement, vous ne paierez donc pas un centime. Mais vous devrez redéployer si vous souhaitez l'utiliser à nouveau. ♻️ Supprimer le workspace supprime toutes les ressources AWS associées à cet environnement, vous ne paierez donc pas un centime. Mais vous devrez redéployer si vous souhaitez l'utiliser à nouveau. ♻️
![Delete Instance](delete_instance.png#center) ![Delete Instance](delete_instance.fr.png#center)
## Conclusion 💡 ## Conclusion 💡

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

View File

@@ -169,8 +169,7 @@ docker run -it -v step:/home/step \
## 🔑 Accès à l'AC avec un Autre Client ## 🔑 Accès à l'AC avec un Autre Client
> **NOTE :** > [!NOTE] Adaptez le port en fonction de votre installation :
> Adaptez le port en fonction de votre installation :
> >
> - **Binaire :** port **443** > - **Binaire :** port **443**
> - **Docker :** port **9000** > - **Docker :** port **9000**
@@ -188,8 +187,7 @@ Initialisez votre AC :
step ca bootstrap --ca-url https://caserver.lab.loc:$PORT/ --fingerprint 685059c30eb305db5272a7a199a2b5823624d55c732121ac65c06b0915d3c887 step ca bootstrap --ca-url https://caserver.lab.loc:$PORT/ --fingerprint 685059c30eb305db5272a7a199a2b5823624d55c732121ac65c06b0915d3c887
``` ```
> **ASTUCE :** > [!TIP] Pour obtenir l'**empreinte**, exécutez simplement :
> Pour obtenir l'**empreinte**, exécutez simplement :
> >
> ```bash > ```bash
> step certificate fingerprint $(step path)/certs/root_ca.crt > step certificate fingerprint $(step path)/certs/root_ca.crt
@@ -213,8 +211,7 @@ step certificate install $(step path)/certs/root_ca.crt
--- ---
> **ASTUCE :** > [!TIP] **Installation sur Debian :**
> **Installation sur Debian :**
> >
> - Copiez les fichiers CRT individuels (format PEM) dans `/usr/local/share/ca-certificates/` > - Copiez les fichiers CRT individuels (format PEM) dans `/usr/local/share/ca-certificates/`
> - Les fichiers doivent appartenir à `root:root` avec les droits `644` > - Les fichiers doivent appartenir à `root:root` avec les droits `644`
@@ -242,8 +239,7 @@ Veuillez entrer le mot de passe pour déchiffrer la clé du provisionneur :
--- ---
> **ASTUCE :** > [!TIP] Pour effectuer un test de santé :
> Pour effectuer un test de santé :
> >
> ```bash > ```bash
> curl https://caserver.lab.loc:443/health -k > curl https://caserver.lab.loc:443/health -k

View File

@@ -168,8 +168,7 @@ docker run -it -v step:/home/step \
## 🔑 Access to CA with Another Client ## 🔑 Access to CA with Another Client
> **NOTE:** > [!NOTE] Adjust the port based on your installation:
> Adjust the port based on your installation:
> >
> - **Binary:** port **443** > - **Binary:** port **443**
> - **Docker:** port **9000** > - **Docker:** port **9000**
@@ -187,8 +186,7 @@ Bootstrap your CA:
step ca bootstrap --ca-url https://caserver.lab.loc:$PORT/ --fingerprint 685059c30eb305db5272a7a199a2b5823624d55c732121ac65c06b0915d3c887 step ca bootstrap --ca-url https://caserver.lab.loc:$PORT/ --fingerprint 685059c30eb305db5272a7a199a2b5823624d55c732121ac65c06b0915d3c887
``` ```
> **TIP:** > [!TIP] To get the **fingerprint**, simply run:
> To get the **fingerprint**, simply run:
> >
> ```bash > ```bash
> step certificate fingerprint $(step path)/certs/root_ca.crt > step certificate fingerprint $(step path)/certs/root_ca.crt
@@ -212,8 +210,7 @@ step certificate install $(step path)/certs/root_ca.crt
--- ---
> **TIP:** > [!TIP] **Debian Installation:**
> **Debian Installation:**
> >
> - Copy individual CRT (PEM format) files to `/usr/local/share/ca-certificates/` > - Copy individual CRT (PEM format) files to `/usr/local/share/ca-certificates/`
> - Files must be owned by `root:root` with mode `644` > - Files must be owned by `root:root` with mode `644`
@@ -241,8 +238,7 @@ Please enter the password to decrypt the provisioner key:
--- ---
> **TIP:** > [!TIP] To perform a health check:
> To perform a health check:
> >
> ```bash > ```bash
> curl https://caserver.lab.loc:443/health -k > curl https://caserver.lab.loc:443/health -k

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -41,7 +41,7 @@ Notre lab simulera une topologie VXLAN comprenant :
Le diagramme suivant illustre la topologie VXLAN : Le diagramme suivant illustre la topologie VXLAN :
![Topologie VXLAN](VXLAN.svg#center) ![Topologie VXLAN](VXLAN.fr.svg#center)
Voici le fichier de topologie Containerlab (`lab_vxlan.yml`) utilisé pour cette configuration : Voici le fichier de topologie Containerlab (`lab_vxlan.yml`) utilisé pour cette configuration :
@@ -124,7 +124,7 @@ Nous allons déployer le lab avec **DevPod** de deux manières :
- Choisissez votre IDE par défaut. - Choisissez votre IDE par défaut.
- Enfin, cliquez sur **Create Workspace**. - Enfin, cliquez sur **Create Workspace**.
![Configuration DevPod](devpod_configuration.png#center) ![Configuration DevPod](devpod_configuration.fr.png#center)
### 2. En Utilisant un Dossier Local 🗂️ ### 2. En Utilisant un Dossier Local 🗂️
@@ -133,7 +133,7 @@ Si vous préférez utiliser votre dépôt local :
- La seule différence se trouve dans la **source du Workspace**. - La seule différence se trouve dans la **source du Workspace**.
- Il vous suffit de le pointer vers votre dépôt local. - Il vous suffit de le pointer vers votre dépôt local.
![Configuration DevPod - Local](devpod_configuration_local.png#center) ![Configuration DevPod - Local](devpod_configuration_local.fr.png#center)
## Démarrer le Lab 🎬 ## Démarrer le Lab 🎬
@@ -167,7 +167,7 @@ Si vous préférez utiliser votre dépôt local :
Les ports (par exemple, le port 50080 mentionné dans le `devcontainer.json`) sont redirigés. Accédez à la vue graphique via [localhost](http://localhost:50080). Les ports (par exemple, le port 50080 mentionné dans le `devcontainer.json`) sont redirigés. Accédez à la vue graphique via [localhost](http://localhost:50080).
![Vue Graphique](Graph_view.png#center) ![Vue Graphique](Graph_view.fr.png#center)
## Utiliser EdgeShark 🦈 ## Utiliser EdgeShark 🦈
@@ -197,12 +197,12 @@ DOCKER_DEFAULT_PLATFORM= docker compose up -d
Accédez à EdgeShark via [localhost:5001](http://localhost:5001). Accédez à EdgeShark via [localhost:5001](http://localhost:5001).
- **Vue d'EdgeShark** : - **Vue d'EdgeShark** :
![Vue d'EdgeShark](edgeshark.png#center) ![Vue d'EdgeShark](edgeshark.fr.png#center)
- **Intégration avec Wireshark** : - **Intégration avec Wireshark** :
En cliquant sur l'icône Wireshark dans EdgeShark, vous pouvez lancer Wireshark localement. En cliquant sur l'icône Wireshark dans EdgeShark, vous pouvez lancer Wireshark localement.
![Interface EdgeShark](edgeshark_interface.png#center) ![Interface EdgeShark](edgeshark_interface.fr.png#center)
![EdgeShark et Wireshark](edge_wireshark.png#center) ![EdgeShark et Wireshark](edge_wireshark.fr.png#center)
## Conclusion 🎉 ## Conclusion 🎉

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@@ -1 +1 @@
poweredBy: "Personal NoteBook by Hugo and Hextra" poweredBy: "Personal NoteBook powered by Hugo and Hextra"

View File

@@ -1 +1 @@
poweredBy: "Bloc Note Personnel par Hugo et Hextra" poweredBy: "Bloc Note Personnel propulsé avec Hugo et Hextra"