{"config":{"separator":"[\\s\\-_,:!=\\[\\]()\\\\\"`/]+|\\.(?!\\d)"},"items":[{"location":"","level":1,"title":"Bienvenue dans mes notes de devops","text":"","path":["Bienvenue dans mes notes de devops"],"tags":[]},{"location":"#bienvenue-dans-mes-notes-de-devops","level":1,"title":"Bienvenue dans mes notes de devops","text":"

je note mon parcours et mes projets en SysAdmin

","path":["Bienvenue dans mes notes de devops"],"tags":[]},{"location":"#sommaire","level":2,"title":"Sommaire","text":"

-> Notes notes de cours, apprentissages en dehors, un peu de tout

-> Projets notes sur mes projets de cours/personnels, note de mes experiences

","path":["Bienvenue dans mes notes de devops"],"tags":[]},{"location":"learn/devops/2025-11-28/","level":1,"title":"Automatisation via les associations","text":"

| (le pipe) -> prend le résultat de la commande de gauche et le donne à celle de droite

exemple : liste tout un répertoire, mais n'affiche que les résultats qui sont \"feur\" 

ls -la | grep \"feur\"\n

> et >>

","path":["Notes","🔌 DevOps","Automatisation via les associations"],"tags":[]},{"location":"learn/devops/2025-12-12/","level":1,"title":"Git pour les neuilles","text":"","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#creer-un-git","level":2,"title":"Créer un git","text":"","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#-si-le-projet-existe-deja","level":3,"title":"-> Si le projet existe deja","text":"","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#-sinon-creer-le-projet","level":3,"title":"-> Sinon créer le projet","text":"","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#ignorer-des-fichiersdossiers","level":2,"title":"Ignorer des fichiers/dossiers","text":"

echo gbvenv/ >> .gitignore <- on indique via un echo qui écrira dans le fichier .gitignore qu'on ne veut pas push le dossier \"gbvenv\" ici, un fichier on ne mettera pas le slash (logique en amont)

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#une-fois-que-de-fichiers-sont-dispos-empaqueter","level":2,"title":"Une fois que de fichiers sont dispos, empaqueter !","text":"

Pour envoyer un projet git, c'est comme envoyer un colis à la poste, d'abord, on met nos affaires dans le colis

Plusieures possibilités ☝️

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#etiqueter-le-paquet","level":2,"title":"Etiqueter le paquet","text":"

Ensuite, on rempli l'étiquette du colis et on la colle au colis

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#deposer-le-colis","level":2,"title":"Déposer le colis","text":"

Enfin pour push, c'est a dire déposer le colis au bureau de poste pour l'envoi, on fait :

Info

-u veut dire ce que dit la doc en gros

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#-si-erreur","level":3,"title":"-> SI ERREUR","text":"

Dans le cas ou un fichier/dossier a été supprimé autre part avant de push nos modifs

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2025-12-12/#utiliser-deux-branches-differentes","level":2,"title":"Utiliser deux branches différentes","text":"

Dans le cas ou l'on veut travailler avec une seconde branche

","path":["Notes","🔌 DevOps","Git pour les neuilles"],"tags":["Git","Bash","Devops"]},{"location":"learn/devops/2026-01-22/","level":1,"title":"SQL pour les tung tung tung sahur","text":"","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#modele-mvc","level":2,"title":"Modèle MVC","text":"

Le modèle MVC est une façon de concevoir un projet logiciel, en gros on sépare celui-ci en trois grandes parties distinctes séparant la logique de la vue et rend le travail plus facile.

Modèle MVC en prenant celui de grabber par exemple :

- Model = Base De Donnée (ex: EMPLOYEES, COMPUTERS)\n- View = Tableau de bord, Site\n- Controller = Cerveau qui dirige les deux parties Model et View (ex: app.py)\n
","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#tuto-comment-cr2er-une-bdd-sql-facilement-en-2-minutes-super-facile","level":2,"title":"TUTO : COMMENT CR2ER UNE BDD SQL FACILEMENT EN 2 MINUTES (SUPER FACILE)","text":"","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#structure-dune-base-de-donnees","level":3,"title":"Structure d'une Base De Données","text":"

celle de grabber pour l'exemple

BDD (Etape 1) - grabberman\n├── TABLES (Etape 2) - COMPUTERS\n│   ├── Colonne (Etape 3) - PcId, entier/clé primaire\n│   │   └── Donnée (Etape 4)\n│   ├── Colonne (Etape 3) - Hostname, chaîne de charactère\n│   └── Colonne (Etape 3) - MacAddress, chaîne de charactère\n└── TABLES (Etape 2) - EMPLOYEES\n    ├── Colonne (Etape 3) - UserId, entier/clé primaire\n    ├── Colonne (Etape 3) - Username, chaîne de charactère\n    └── Colonne (Etape 3) - PcId, clé secondaire\n
","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#etape-1-creer-une-bdd","level":3,"title":"Etape 1 : Créer une BDD","text":"

sqlite3 grabberman.db <- Commande qui crée une DB qu'on appellera ici \"grabberman\"

","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#etape-2-creer-une-table","level":3,"title":"Etape 2 : Créer une table","text":"
CREATE TABLE \"COMPUTERS\" \n(\n    PcId INTEGER PRIMARY KEY AUTOINCREMENT, \n    Hostname VARCHAR(50) NOT NULL, \n    MacAddress VARCHAR(50)\n);\n

Note

Ici on crée une table dans laquelle on stockera des données (des PC que l'on grab par exemple)

","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#etape-3-ajouter-des-donnees-dans-une-table","level":3,"title":"Etape 3 : Ajouter des données dans une table","text":"

INSERT into COMPUTERS (Hostname, MacAddress) VALUES ('mypc', '1B:12:F0:FL:94');

Note

Pour ajouter une donnée dans une tableau, on INSERE dans le TABLEAU donné les VALEURS dans les Colonnes

","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-01-22/#etape-4-creer-un-autre-tableau-avec-une-cle-liee-foreign-key","level":3,"title":"Etape 4 : Créer un autre tableau avec une clé liée (foreign key)","text":"
CREATE TABLE \"EMPLOYEES\" \n(\n    UserId INTEGER PRIMARY KEY AUTOINCREMENT, \n    Username VARCHAR(50) NOT NULL, \n    FOREIGN KEY (PcId) REFERENCES COMPUTERS(PcId)\n);\n

Note

On recommence comme à l'étape 2, en ajoutant une clé étrangère foreign key, qui lie une clé extérieure, PcId ici, dans notre second Tableau

","path":["Notes","🔌 DevOps","SQL pour les tung tung tung sahur"],"tags":["SQL","Devops"]},{"location":"learn/devops/2026-03-04/","level":1,"title":"C'est quoi DevOps ?","text":"","path":["Notes","🔌 DevOps","C'est quoi DevOps ?"],"tags":["Métier","Domaine","Informatique"]},{"location":"learn/devops/2026-03-18/","level":1,"title":"Automatiser avec Ansible","text":"","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#cest-quoi-ansible","level":2,"title":"C'est quoi Ansible ?","text":"

Ansible est un outil d'automatisation informatique (créé par Red Hat). Imaginons que l'on est le chef d'orchestre, et que nos serveurs sont les musiciens. Au lieu d'aller voir chaque musicien un par un pour lui dire quoi jouer (taper des commandes à la main), on leur distribue une partition. Ils la lisent et jouent tous en rythme.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#les-3-grands-principes-dansible","level":3,"title":"Les 3 grands principes d'Ansible","text":"

-> Sans agent (Agentless) : Son utilité première, on a pas besoin d'installer un logiciel \"Ansible\" sur nos PC cible (un Proxmox, pfSense ou encore Debian). Ansible se connecte simplement à eux via SSH.

-> Idempotent : Ça signifie : \"Si c'est déjà fait, ne touche à rien\". Donc si on demande à Ansible \"Installe le serveur web Nginx\", il va d'abord vérifier. S'il n'y est pas, il l'installe. S'il y est déjà, il dit \"OK, je passe à la suite\". On pourrait lancer le script 100 fois, ça ne cassera jamais le serveur.

-> Le format YAML : Les instructions (les \"Playbooks\") sont écrites en YAML, un langage très lisible par les humains.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#le-vocabulaire-de-base","level":3,"title":"Le vocabulaire de base","text":"

-> Le Control Node : Notre PC personnel (celui depuis lequel on lance Ansible).

-> L'Inventory (Inventaire) : Un simple fichier texte où on liste les adresses IP de nos serveurs.

-> Les Playbooks : Nos scripts/recettes qui décrivent ce que l'on veux configurer.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#utiliser-ansible-proprement","level":2,"title":"Utiliser Ansible proprement","text":"

Pour préparer son installation avec Ansible, on doit préparer trois fichiers de base pour faire fonctionner le tout

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#le-fichier-inventaire-inventoryyml-ou-hosts","level":3,"title":"Le fichier Inventaire (inventory.yml ou hosts)","text":"

Comme dit plus tôt, c'est le fichier ou l'on liste les adresses IP et qui permet de regrouper les serveurs pour ne cibler que certaines machines. * Exemple de groupes : serveurs_web, bases_de_donnees, hyperviseurs.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#les-modules","level":3,"title":"Les Modules","text":"

On y ajoute les \"outils\" intégrés à Ansible qui nous permettrons d'interagir avec le système. * apt ou yum : Pour gérer les paquets/logiciels. * service ou systemd : Pour démarrer/arrêter des services. * copy ou template : Pour envoyer et modifier des fichiers de configuration. * user : Pour créer des comptes utilisateurs.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#le-playbook-scriptyml","level":3,"title":"Le Playbook (script.yml)","text":"

C'est la que tout se joue donc. Elle est écrite en YAML et regroupe une liste de \"Tasks\" (tâches) qui font appel aux modules pour configurer les serveurs de l'inventaire.

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/devops/2026-03-18/#le-flux-de-travail-workflow","level":2,"title":"Le Flux de Travail (Workflow)","text":"
  1. Préparation SSH : On génère une clé SSH sur le \"Control Node\" et on l'envoie sur les serveurs cibles pour permettre une connexion sans mot de passe.
  2. Écriture : On rédige l'Inventaire et le Playbook.
  3. Test de connexion : On vérifie qu'Ansible voit bien tout le monde avec la commande : ansible all -m ping -i inventory.yml
  4. Exécution : On lance le déploiement général avec la commande : ansible-playbook -i inventory.yml script.yml

Simple

","path":["Notes","🔌 DevOps","Automatiser avec Ansible"],"tags":["Automatisation","Ansible","Devops"]},{"location":"learn/frontend/2026-02-21/","level":1,"title":"Cheat Sheet Tailwind","text":"

Tailwind utilise des classes utilitaires. La logique est souvent [Propriété]-[Taille/Couleur/Valeur].

","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#1-espacement-margin-padding","level":2,"title":"1. Espacement (Margin & Padding)","text":"

La syntaxe : [Type][Direction]-[Taille].

Classe Équivalent CSS Explication p-4 padding: 16px; Espace à l'intérieur partout. px-6 padding-left: 24px; padding-right: 24px; Espace à l'intérieur, à gauche et à droite. mt-2 margin-top: 8px; Espace à l'extérieur, vers le haut. mx-auto margin: 0 auto; Centre un bloc horizontalement.","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#2-dimensions-width-height","level":2,"title":"2. Dimensions (Width & Height)","text":"

La syntaxe : w-[Taille] (Largeur) et h-[Taille] (Hauteur).

Classe Équivalent CSS Explication w-full width: 100%; Prend toute la largeur disponible. w-1/2 width: 50%; Prend la moitié de la largeur. w-screen width: 100vw; Prend la largeur totale de l'écran. h-screen height: 100vh; Prend la hauteur totale de l'écran. w-16 width: 64px; Échelle numérique classique (16 * 4px).","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#3-couleurs","level":2,"title":"3. Couleurs","text":"

La syntaxe : [Cible]-[Couleur]-[Intensité].

L'intensité va de 50 (très clair) à 950 (très foncé).

Cible Exemple Tailwind Ce que ça colore Texte text-blue-500, text-white La couleur de la police. Fond bg-red-600, bg-gray-900 La couleur d'arrière-plan. Bordure border-green-400 La couleur de la bordure.","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#4-typographie","level":2,"title":"4. Typographie","text":"

Gérez la taille, la graisse et l'alignement.

Catégorie Classes utiles Explication Taille text-xs, text-sm, text-base, text-lg, text-xl Du plus petit au plus grand. Graisse font-light, font-normal, font-semibold, font-bold L'épaisseur des lettres. Alignement text-left, text-center, text-right L'alignement du texte.","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#5-flexbox-mise-en-page","level":2,"title":"5. Flexbox (Mise en page)","text":"

Déclarez flex pour commencer à aligner vos éléments.

Classe Équivalent CSS Explication flex display: flex; Aligne les enfants en ligne (côte à côte). flex-col flex-direction: column; Aligne les enfants en colonne. justify-center justify-content: center; Centre sur l'axe principal. justify-between justify-content: space-between; Écarte les éléments aux extrémités. items-center align-items: center; Centre sur l'axe secondaire (souvent verticalement). gap-4 gap: 16px; Ajoute 16px d'espace entre chaque enfant.","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#6-bordures-et-arrondis-border-rounded","level":2,"title":"6. Bordures et Arrondis (Border & Rounded)","text":"

Il faut toujours spécifier une épaisseur pour voir la bordure.

Classe Équivalent CSS Explication border border-width: 1px; Ajoute une bordure de 1px partout. border-t border-top-width: 1px; Bordure uniquement en haut. rounded border-radius: 4px; Arrondit légèrement les angles. rounded-md border-radius: 6px; Arrondi moyen (idéal pour boutons). rounded-full border-radius: 9999px; Fait un cercle parfait ou une pilule.","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/frontend/2026-02-21/#7-etats-et-responsif-prefixes","level":2,"title":"7. États et Responsif (Préfixes)","text":"

Préfixez n'importe quelle classe avec un état ou une taille d'écran.

","path":["Notes","🎨 Frontend","Cheat Sheet Tailwind"],"tags":[]},{"location":"learn/javascript/2026-01-30/","level":1,"title":"Javascript (30/01/26)","text":"","path":["Notes","☕ Javascript","Javascript (30/01/26)"],"tags":["Javascript"]},{"location":"learn/javascript/2026-02-06/","level":1,"title":"Asynchrone et promesses (06/02/26)","text":"

Info

Pour le TP, on a besoin de manipuler des fichiers. Mais avant d'utiliser le module file system dit \"fs\" (qui s'occupe de ce besoin), il faut comprendre un fonctionnement de base en informatique, essentielle aux modules faisant des requêtes a des systemes externes comme fs, l'asynchrone.

","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#cest-quoi-asynchrone","level":2,"title":"C'est quoi Asynchrone ?","text":"

Asynchrone permet de ne pas bloquer le code même si il n'a pas de résultat mais avec promesse, il laisse le code continuer pour trouver une réponse et la rapporter comme promis.

Rien de mieux qu'un exemple concret et gourmand en amont et en aval.

","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#1-sans-asynchrone","level":3,"title":"1. SANS Asynchrone","text":"
  1. Tu commandes un Tasty Crousty.
  2. Ce neuille de caissier part en cuisine.
  3. Il fait cuire le riz lui-même.
  4. Il coupe les tenders.
  5. Il met tout dans la barquette puis sauce.
  6. Et revient pour te donner le Tasty Crousty 67 doro party.
  7. SEULEMENT MAINTENANT, il prend la commande du gwer suivant.

Résultat : La file d'attente sort du restaurant. Si la cuisson prend 10 minutes, tout le restaurant est bloqué pendant 10 minutes. Bien guez.

","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#2-avec-asynchrone","level":3,"title":"2. AVEC Asynchrone","text":"
  1. Tu commandes un Tasty Crouspy.
  2. La caissière crie en cuisine \"Un Crousty piquant sucré supplément poulet !\".
  3. Elle te donne un bipeur, faisant donc la promesse de te servir un délicieux Crouspy Tasty.
  4. Puis elle passe directement au client suivant.
  5. Toi, tu vas t'asseoir et tu attends.
","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#mais-cest-quoi-cette-promesse-promise","level":2,"title":"Mais c'est quoi cette promesse ? (Promise)","text":"

Note

☝️🤓 Node.js fonctionne sur un principe de thread unique (monothread)... En gros, il ne peut effectuer qu'une seule tâche à la fois.

Alors pour éviter de bloquer le programme pendant de longues opérations (comme lire des données au fin fond du disque dur), il délègue ces tâches a l'ordinateur et utilise un mécanisme de Promesses.

Dans notre exemple, la Promise, c'est le bipeur.

Ce boîtier est une promesse. Le restaurant te dit : \"Je n'ai pas ton crousty tout de suite, mais je te promets que je te préviendrai dès qu'il y a du nouveau.\"

Une Promise a toujours 3 états possibles, et seulement 3 :

  1. En attente (Pending) : Le boîtier ne fait rien. Le cuisinier travaille. Tu attends.
  2. Succès (Resolved) : Le boîtier vibre ! La promesse est tenue, tu as ton chicken (la donnée est arrivée).
  3. Échec (Rejected) : Le manager arrive et te dit \"Désolé, la cuisine a pris feu, pas de délicieux crousty pour ce soir\". La promesse est rompue (il y a une erreur).
","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#exemples-async-et-await","level":2,"title":"Exemples async et await","text":"","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#exemple-dun-async-exo-du-tp-2-de-js","level":3,"title":"Exemple d'un async (exo du TP 2 de JS)","text":"
files.forEach((fileName) => {\n    fs.readFile(fileName, 'utf8').then((content) => {\n        ...\n    })\n});\n
","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-06/#exemple-concret-await-exo-du-tp-2-de-js","level":3,"title":"Exemple concret await (exo du TP 2 de JS)","text":"

On peut également demander spécifiquement d'attendre le retour d'une promesse avec await

const stats = await fs.stat(filename);\n
","path":["Notes","☕ Javascript","Asynchrone et promesses (06/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/","level":1,"title":"fetch des APIs et serveur HTTP (09/02/26)","text":"","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/#fetch-et-apis","level":2,"title":"Fetch et APIs","text":"

Dans le cadre d'un TP, on a fait des appels à des APIs externes comme celle du CNAM ou encore openweathermap pour intégrer les données actuelles dans un script JS.

Pour faire des appels, on utlise la méthode Asynchrone du cours précédent qui nous permettra de faire des appels des APIs sans arrêter le programme en attendant la réponse. Une fonction nous permet de faire cet appel : fetch()

","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/#fetch-le-coursier","level":3,"title":"fetch() (Le coursier)","text":"

fetch à le rôle de coursier, c'est lui qui effectuera la requête HTTP (GET par défaut).

Pour traiter nos réponses proprement, on combine nos fetch avec le module json()

","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/#json-le-traducteur","level":3,"title":"json() (Le traducteur)","text":"

Quand fetch revient, il te ramène un gros paquet brut (un Response object).

","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/#exemple-du-tp","level":3,"title":"Exemple du TP","text":"

Dans une fonction async fetchCityInfo(), on essayera de fetch via cette fonction : 

// Attend de fetch les données d'une ville donnée par l'utilisateur via la variable cityName\nconst geoRes = await fetch(`https://geoservice.cnam.fr/api/cities?name=${encodeURIComponent(cityName)}`);\n

Puis on encode les données brutes reçues dans un joli tableau JSON : 

// La constante cities récupère le résultat geoRes et le range en JSON\nconst cities = await geoRes.json();\n

Plus tard, on refait un fetch de données avec une clé API pour openweathermap (cas concret en gros) : 

//Comme tout à l'heure, on fetch les données de l'API et on attend la réponse via await\nconst weatherRes = await fetch(`http://api.weatherapi.com/v1/current.json?q=${encodeURIComponent(cityName)}&key=****`);\n

Bravo, tu as fait un appel d'API et l'a rangé dans un beau tableau JSON.

","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/javascript/2026-02-09/#serveur-http","level":2,"title":"Serveur HTTP","text":"","path":["Notes","☕ Javascript","fetch des APIs et serveur HTTP (09/02/26)"],"tags":["JavaScript","Node.JS"]},{"location":"learn/python/2026-01-16/","level":1,"title":"pip et environnements virtuels","text":"","path":["Notes","🐍 Python","pip et environnements virtuels"],"tags":["Python","pip","Environnements Virtuels"]},{"location":"learn/python/2026-01-16/#python-et-ses-environnements-virtuels","level":2,"title":"Python et ses environnements virtuels","text":"

Utile de créer donc un environnement pour chaque projet afin de en pas perturber d'autres projets avec des milliers de packages inutiles en gros

python3 -m venv gbvenv <- permet de créer un environnement (venv crée l'environnement \"gbvenv\")

source gbvenv/bin/activate <- lance cet environnement pour travailler dedans

pip est le packages manager de python, en l'appelant, on peut installer des packages comme uvicorn par exemple, utile pour grabber

pip install --upgrade pip <- update les packages

python -m pip install *** <- installe le package qu'on notera a la place des ***

pip freeze >> requirements.txt <- commande super utile pour partager les dependances necessaires pour faire fonctionner son projet sur un autre environnement

deactivate <- désactive l'environnement virtuel

","path":["Notes","🐍 Python","pip et environnements virtuels"],"tags":["Python","pip","Environnements Virtuels"]},{"location":"learn/python/2026-01-16/#script-de-roi-qui-automatise-le-process","level":2,"title":"Script de roi qui automatise le process","text":"

bash <(curl -fsSL https://raw.githubusercontent.com/buchtioof/venv-setup/main/venvsetup.sh)

Pour en apprendre plus : le git du projet

","path":["Notes","🐍 Python","pip et environnements virtuels"],"tags":["Python","pip","Environnements Virtuels"]},{"location":"learn/python/2026-02-16/","level":1,"title":"Django en gros","text":"","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#commencer-un-projet-django","level":2,"title":"Commencer un projet Django","text":"

Pour commencer un projet Django, c'est super simple :

-> D'abord, créer un dossier de projet

`mkdir projet`\n

-> Ensuite créer un environnement virtuel Python puis installer Django via pip

`python3 -m venv \"projetvenv\" && source projetvenv/bin/activate && pip install django`\n

-> Maintenant, créer le projet Django dans ce dossier (le point à la fin indique que l'on crée dans ce dossier le projet)

`django-admin startproject config .`\n

-> On peut maintenant travailler dans notre projet Django

","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#projet-et-applications","level":2,"title":"Projet et applications","text":"

Django fonctionne sur l'utilisations de petits modules appelés \"Applications\", ceux-ci composent un projet Django. Elles peuvent être des composants gèrant une API qui prend des données JSON pour les mettre dans une BDD SQL comme dans le projet Grabber ou encore plein d'autres cas...

Note

En gros, on a un projet (dossier \"config\") dans lequel on gère les réglages généraux de Django (serveur, adresses, ect...) et des applications (dans leurs dossiers propres) qui gèrent leurs tâches propres à elles

Pour créer une Application on utilise cette commande -> python manage.py startapp nomdel'app

","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#fonctionnement-dune-application","level":2,"title":"Fonctionnement d'une Application","text":"

Une application se divise avec un fonctionnement en 3 parties

Modèle <--> Vue -> Template

","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#modele","level":3,"title":"Modèle","text":"

Le Modèle sera la partie manipulation d'objets (comme en PhP), dans le projet Grabber, Django s'occupera de créer la DB sql via ce module

Warning

Quand on travaille sur le fichier models.py (généralement celui qui s'occupe de ce module) on doit utiliser deux commandes qui construisent le modèle

python manage.py makemigrations\npython manage.py migrate\n
","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#vue","level":3,"title":"Vue","text":"

La Vue ici, c'est un peu le cerveau du projet, il reçoit les requêtes (par exemple, l'utilisateur qui demande une URL ou alors un fichier bash qui envoie des données comme avec Grabber) et peut renvoyer ces requêtes au Modèle pour avoir un résultat, etc...

","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#template","level":3,"title":"Template","text":"

Le template, c'est l'interface, par exemple des fichiers HTML. Il reçoit les données brutes de la Vue et les affiche proprement dans une jolie page web.

Utiliser les données brutes dans une template

Pour se faire, on doit utiliser cette balise {{ ... }} dans le HTML, cela veut dire pour Django que l'on récupère les données d'une clé spécifique

<!-- Dans les crochets, on appelle la donnée \"hostname\" de la table \"data\"-->\n<title>{{ data.hostname }} - Grabber</title>\n
","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/python/2026-02-16/#urls","level":2,"title":"URLs","text":"

Un autre composant très important dans Django, c'est les URLs. C'est un fichier dans lequel on doit router ce que telle url dans le navigateur doit effectuer.

Par exemple

Appeler la racine (localhost:5000/) doit être routé comme ceci :

from django.urls import path\nfrom api import views\n\nurlpatterns = [\n    # Route de la racine qui appelle la fonction computers_list\n    path('', views.computers_list, name='computers'),\n]\n
","path":["Notes","🐍 Python","Django en gros"],"tags":[]},{"location":"learn/sysadmin/2026-02-25/","level":1,"title":"SSH et Configuration propre","text":"","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-02-25/#cest-quoi","level":2,"title":"C'est quoi ?","text":"

SSH est un protocole de communication (comme FTP, HTTP, ect...) qui se base dans le terminal. Il permet de contrôler une fenetre de commandes d'un ordinateur à distance. Si SSH est activé sur un PC, un utilisateur connaissant les logins du PC distant pourra ouvrir un terminal à distance directement sur son ordinateur.

Pour plus de sécurité, il est préférable d'utiliser un système de clés publiques/privées pour ne pas envoyer ces identifiants dans la nature en clair.

On va voir comment configurer une connexion SSH proprement entre deux PC.

","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-02-25/#etape-1-creer-une-cle-sur-le-pc-hote","level":2,"title":"Étape 1 : Créer une clé sur le PC Hôte","text":"

On crée d'abord notre clé SSH pour authentifier notre ordinateur via cette commande :

ssh-keygen -t ed25519 -C \"nom_de_votre_pc\"

En résumé, on utilise la commande ssh-keygen, préinstallée sur les distros UNIX et macOS, qui crée des clé et on lui demande une clé encryptée avec le protocole ed25519 via -t, recommandé car efficace et robuste, puis on donne le nom du PC qu'on authentifie avec -C.

On nous demandera alors dans quel répertoire stocker la clé, généralement il vous proposera dans votre répertoire home /.ssh/id_ed25519 et aussi si l'on veut protéger la clé avec un mot de passe.

Répertoire de la clé

La clé donc sera stockée dans le répertoire .ssh/id_ed25519 comme dit plus tôt. Dans ce même répertoire, on y retrouvera deux fichiers :

","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-02-25/#etape-2-envoyer-la-cle-sur-le-pc-distant","level":2,"title":"Étape 2 : Envoyer la clé sur le PC distant","text":"

Maintenant que l'on a notre clé, on doit la partager au PC distant, pour se faire, on devra une dernière fois utiliser les identifiants de l'utilisateur du PC distant via la commande :

ssh-copy-id utilisateur@adresse_ip_du_pc_distant

On nous demandera alors le mot de passe de l'utilisateur distant et enfin l'action sera effectuée, notre PC hôte est maintenant authentifié par le PC distant !

La commande ici à tout simplement copié notre clé publique crée plus tôt id_ed25519.pub avec la commande ssh-copy-id et l'a rangée dans un registre de clés dans le fichier rangé dans le répertoire .ssh/authorized_keys.

","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-02-25/#etape-3-essayer-cette-configuration","level":2,"title":"Étape 3 : Essayer cette configuration","text":"

Pour tester si tout fonctionne, il faut tout simplement lancer une connexion SSH avec la commande :

ssh utilisateur@adresse_ip_du_pc_distant

Si aucun mot de passe n'a été demandé, c'est que le PC distant nous à bien reconnu, c'est carré dans l'axe !

","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-02-25/#optionnel-mais-recommande-desactiver-les-identifiants-utilisateur","level":2,"title":"Optionnel mais recommandé : Désactiver les identifiants utilisateur","text":"

Pour sécuriser le PC distant d'intrusions avec les identifiants qui auraient pu fuiter, on peut désactiver l'authentification via les identifiants utilisateur en éditant le fichier de configuration du SSH avec cette commande sur le PC distant :

sudo nano /etc/ssh/sshd_config

Dans ce fichier, une ligne nous interesse, celle-ci :

# PasswordAuthentication no

On retire le # et voila, l'authentification via le mot de passe est désactivé. Plus qu'a lancer une commande qui redémarre le serveur SSH du PC :

sudo systemctl restart ssh

Et c'est tout bon, on a configuré un accès SSH proprement avec un PC distant.

","path":["Notes","🧰 SysAdmin","SSH et Configuration propre"],"tags":["SSH","Unix"]},{"location":"learn/sysadmin/2026-03-04/","level":1,"title":"C'est quoi un Administrateur Système ?","text":"

Un Admin Système, SysAdmin en anglais (terme le plus courant), est le couteau suisse du système informatique de l'entreprise. Il se charge de gérer toute l'infrastructure d'une entreprise en quatre grands axes :

","path":["Notes","🧰 SysAdmin","C'est quoi un Administrateur Système ?"],"tags":["Métier","Domaine","Informatique"]},{"location":"learn/sysadmin/2026-03-04/#competences-techniques-hard-skills","level":2,"title":"Compétences techniques (Hard Skills)","text":"

Un bon SysAdmin ne connaît pas tout, mais il maîtrise ces fondamentaux :

","path":["Notes","🧰 SysAdmin","C'est quoi un Administrateur Système ?"],"tags":["Métier","Domaine","Informatique"]},{"location":"learn/sysadmin/2026-03-04/#competences-sociales-soft-skills","level":2,"title":"Compétences sociales (Soft Skills)","text":"

C'est un métier qui demande un tempérament particulier :

","path":["Notes","🧰 SysAdmin","C'est quoi un Administrateur Système ?"],"tags":["Métier","Domaine","Informatique"]},{"location":"learn/sysadmin/2026-03-04/#levolution-de-carriere","level":2,"title":"L'Évolution de Carrière","text":"

On reste rarement SysAdmin toute sa vie. Voici l'évolution classique d'un technicien système :

  1. SysAdmin Junior : Support technique N2/N3, résolution de tickets, tâches d'administration quotidiennes.
  2. SysAdmin Confirmé / Ingénieur Système : Conception de l'architecture complexe, gestion de gros projets d'infrastructure.
  3. Ingénieur Cloud : On passe de la gestion manuelle des serveurs physiques à la gestion automatisée d'infrastructures externalisées (AWS, Azure).
  4. DevOps / SRE (Site Reliability Engineer) : Le stade ultime de l'automatisation, où l'infrastructure est gérée comme du code de développement (Infrastructure as Code).
","path":["Notes","🧰 SysAdmin","C'est quoi un Administrateur Système ?"],"tags":["Métier","Domaine","Informatique"]},{"location":"learn/sysadmin/bash/2025-11-27/","level":1,"title":"Commandes *sh pour les idiots","text":"

  1. sudo : lance une commande avec les superdroits, peut manipuler tout le pc avec en gros 

    sudo [commande]\n

  2. ls : liste les fichiers d'un dossier 

    # -a pour afficher les fichiers cachés / -l pour afficher en liste avec plus d'infos\nls [options] [fichier|dir]\n

  3. cd : changer de dossier 

    # ~ pour aller au répertoire home / .. pour revenir en arriere\ncd [dir]\n

  4. pwd : affiche le répertoire actuel 

    pwd\n

  5. touch : affiche le contenu d'un fichier 

    touch [fichier]\n

  6. nano : éditeur de texte 

    nano [fichier]\n

  7. mkdir : supprime ce qu'on lui donne 

    mkdir [options] [fichier|dir]\n

  8. rm : supprime ce qu'on lui donne 

    # -r pour supprimer un dossier et son contenu (recursive) (`rmdir` le fait aussi)\n# -f force la commande\nrm [options] [fichier|dir]\n

  9. cp : copie... 

    cp [options] [source] [destination]\n

  10. mv : ...et déplace 

    mv [options] [source] [destination]\n

","path":["Notes","🧰 SysAdmin","📚 Bases du Bash","Commandes *sh pour les idiots"],"tags":["Bash","UNIX"]},{"location":"learn/sysadmin/bash/2025-11-28/","level":1,"title":"Commandes *sh avancées","text":"","path":["Notes","🧰 SysAdmin","📚 Bases du Bash","Commandes *sh avancées"],"tags":["Bash","UNIX"]},{"location":"learn/sysadmin/bash/2025-11-28/#permissions-et-utilisateurs","level":2,"title":"Permissions et Utilisateurs","text":"

chmod [droits] [fichier] - change les permissions d'un fichier (qui peut lire/écrire/exécuter) - chmod +x [fichier] rend un script exécutable (très important) - chmod 777 [fichier] donne tous les droits à tout le monde (dangereux mais ça dépanne)

chown [user]:[groupe] [fichier] - change le propriétaire du fichier (si t'as copié un truc en sudo et que tu peux plus le toucher)

","path":["Notes","🧰 SysAdmin","📚 Bases du Bash","Commandes *sh avancées"],"tags":["Bash","UNIX"]},{"location":"learn/sysadmin/bash/2025-11-28/#lecture-et-recherche-dans-les-fichiers","level":2,"title":"Lecture et recherche dans les fichiers","text":"

cat [fichier] - affiche tout le contenu d'un fichier d'un coup dans le terminal - utile pour les petits fichiers, sinon ça inonde l'écran

less [fichier] - affiche le contenu page par page (on peut scroller) - appuyer sur q pour quitter

head [fichier] / tail [fichier] - affiche juste le début (head) ou la fin (tail) d'un fichier - tail -f [fichier] hyper utile pour voir les logs en direct (ça attend les nouvelles lignes)

grep [mot] [fichier] - cherche un mot ou une phrase spécifique dans un fichier (le ctrl+f du terminal) - -r pour chercher dans tous les dossiers (recursive) / -i pour ignorer les majuscules

","path":["Notes","🧰 SysAdmin","📚 Bases du Bash","Commandes *sh avancées"],"tags":["Bash","UNIX"]},{"location":"learn/sysadmin/linux/2025-10-30/","level":1,"title":"C'est quoi Linux ?","text":"

Selon Wikipédia...

Linux (parfois nommé GNU/Linux) est un système d'exploitation open source de type Unix, basé sur le noyau Linux créé en 1991 par Linus Torvalds. (source)

","path":["Notes","🧰 SysAdmin","🐧 Linux","C'est quoi Linux ?"],"tags":["Linux","UNIX","Sysadmin","OS"]},{"location":"learn/sysadmin/linux/2025-10-30/#la-philosophie-derriere-linux","level":2,"title":"La philosophie derrière Linux","text":"

Contrairement à Windows ou macOS qui sont des systèmes fermés, Linux se différencie par son architecture totalement ouverte (Open Source).

C'est un système d'exploitation (OS) conçu pour donner une liberté totale et qui en fait sa force avec :

","path":["Notes","🧰 SysAdmin","🐧 Linux","C'est quoi Linux ?"],"tags":["Linux","UNIX","Sysadmin","OS"]},{"location":"learn/sysadmin/linux/2025-10-30/#lanatomie-dun-systeme-linux-gnulinux","level":2,"title":"L'anatomie d'un système Linux (GNU/Linux)","text":"

Souvent, quand on dit \"J'installe Linux\", c'est un abus de langage. En réalité, un système d'exploitation basé sur Linux est composé de plusieurs couches :

-> Le Noyau (GNU/Linux) : C'est le cœur de la machine, il fait le pont entre les composants \"Hardware\" (CPU, RAM) et le logiciel \"Software\".

-> L'environnement de base et les Paquets (Packages) : Le noyau seul ne suffit pas. Pour interagir avec lui, on y ajoute des couches comme les outils de base (bash, ls, cd (ce sont des mini programmes à eux seuls !)), également les logiciels sous forme de packages (une sorte d'archive) et les gestionnaires de tout ce beau monde (Gestionnaire de Paquets comme APT chez debian ou DNF chez Red Hat)

-> L'Interface Graphique (Desktop Environment, DE) : Contrairement à Windows qui impose son design, sur Linux on peut choisir son interface visuelle. Que ce soit Gnome (très épuré, style macOS), KDE (très personnalisable, style Windows), ou Cinnamon, l'interface n'est qu'une couche graphique que l'on rajoute par-dessus.

Info

Il n'est pas forcément obligatoire d'avoir une Interface Graphique (GUI), Linux en dehors d'un usage d'utilisateur classique, fonctionne sous forme de terminal tout simplement (CLI). On retrouve cet usage sur quasiment tous les serveurs du monde !

","path":["Notes","🧰 SysAdmin","🐧 Linux","C'est quoi Linux ?"],"tags":["Linux","UNIX","Sysadmin","OS"]},{"location":"learn/sysadmin/linux/2025-10-30/#les-distributions-distros","level":2,"title":"Les Distributions (Distros)","text":"

Une \"Distribution\" (ou Distro), c'est simplement un pack prêt à l'emploi qui regroupe un noyau, une sélection de paquets logiciels et une interface graphique.

Il en existe des milliers de distros, mais elles se divisent globalement en 3 grandes familles :

1. La famille Debian (La Stabilité)

C'est le bloc dur de Linux. Les paquets ne sont pas toujours à la dernière version, mais le système est extrêmement stable et fiable.

Les distros connues basées dessus : Ubuntu, Linux Mint, Pop OS. (Idéal pour les débutants).

2. La famille Arch Linux (La Liberté et la Nouveauté)

Le système est toujours à la pointe de la dernière nouveauté grace au systeme du \"Rolling Releases (mise à jour en continu)\", mais c'est beaucoup plus compliqué à gérer et ça peut \"casser\" si on ne sait pas ce qu'on fait.

Les distros connues basées dessus : Arch Linux, Manjaro, Steam OS (l'OS du Steam Deck).

3. La famille Red Hat (L'Entre-deux)

Un excellent compromis entre une grande stabilité pour les serveurs et des paquets relativement récents pour les utilisateurs.

Les distros connues basées dessus : Fedora, CentOS, Alma Linux.

","path":["Notes","🧰 SysAdmin","🐧 Linux","C'est quoi Linux ?"],"tags":["Linux","UNIX","Sysadmin","OS"]},{"location":"learn/sysadmin/linux/2025-10-30/#ou-utilise-t-on-linux","level":2,"title":"Où utilise-t-on Linux ?","text":"

-> Les Serveurs : L'immense majorité du web et des infrastructures cloud (AWS, serveurs web, bases de données) tourne sous Linux.

-> Les Smartphones : Android est basé sur le noyau Linux

-> L'embarqué et les Supercalculateurs : Les box internet, les TV connectées, les voitures...

","path":["Notes","🧰 SysAdmin","🐧 Linux","C'est quoi Linux ?"],"tags":["Linux","UNIX","Sysadmin","OS"]},{"location":"learn/sysadmin/linux/2025-10-31/","level":1,"title":"Arborescence type sur UNIX","text":"

Unix a généralement cette arborescence que ce soit sur n'importe quelle distro Linux également Android pour les téléphones et même quelques similitudes sur macOS.

/               # Racine du disque\n├── /bin/       # Contient les commandes de base\n├── /boot/      # Fichiers de demarrage\n├── /dev/       # Tout ce qui est lié aux périphériques\n├── /etc/       # Fichiers de configuration\n├── /home/      # Répertoires utilisateurs\n├── /lib/       # Bibliothèques logicielles\n├── /mnt/       # Point de montage pour les systèmes de fichier temporaires\n├── /media/     # Point de montage pour les disques temporaires\n├── /opt/       # Logiciels optionnels, la ou on installera des programmes maison\n├── /root/      # Répertoire du user root\n├── /var/       # Variable, contient des logs, ect...\n├── /usr/       # Contient sensiblement la même chose que la racine mais sans être utile au fonctionnement du système\n├── /srv/       # Services hébergés sur le systèmes (FTP, HTTP, ect...)\n├── /run/       # Emplacement mémoire des programmes\n└── /tmp/       # Temporaire\n
source de l'arbo.

","path":["Notes","🧰 SysAdmin","🐧 Linux","Arborescence type sur UNIX"],"tags":["Linux","UNIX","Sysadmin"]},{"location":"projects/2025-12-05/","level":1,"title":"Alternavive GLSI léger : Grabber","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#alternavive-glsi-leger-grabber","level":1,"title":"Alternavive GLSI léger : Grabber","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#introduction-au-projet","level":2,"title":"Introduction au projet","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#besoin","level":3,"title":"Besoin","text":"

Grabber part d'un besoin de gérer un petit parc informatique (dizaines d'ordinateurs) dans un espace de travail (type entreprise). On peut déja noter certains besoins majeurs : gérer des ordinateurs à distance, connaitre d'un coup d'oeil leur état (updates, hardware, software) et établir une liste de liens entre ordinateurs et employés.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#solution","level":3,"title":"Solution","text":"

Grabber donc serait dans l'idée capable de répondre à ces besoins, via une interface web administrateur consultable par la DSI d'une entreprise par exemple. Pour la gestion d'un parc informatique de petite taille/toute petite, on proposera un produit simple, léger et plug and play. Via une simple commande de terminal et une configuration au préalable des ordinateurs cibles capable de recevoir des requêtes SSH, Grabber sera capable de couvrir un maximum des besoins.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#choix-de-la-stack-technologique","level":2,"title":"Choix de la stack technologique","text":"

Le projet en général se basera sur du Bash et du Python pour gérer l'API et le panel Admin.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#-bash","level":3,"title":"-> Bash","text":"

Les scripts Bash se contenteront de \"fetch\" les données système (via des commandes comme lscpu ou la librairie inxi). Ils auront aussi le rôle d'empaqueter ces données en format JSON (via jq) à un serveur qui les enregistrera dans une BDD. Et enfin, ils seront un peu l'agent qui contrôle la machine via des contrôles du systeme (vérif. admin, réglages du serveur, lanceur du serveur...)

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#-python-django-gunicorn-whitenoise","level":3,"title":"-> Python (Django + Gunicorn + Whitenoise)","text":"

Django s'occupera de traiter les données brutes du script Bash et les enregistrer dans une BDD. De plus, il s'occupera de la logique du panel Admin via ses outil préfabriqués. Pour servir notre app Django en production, on utilise la dépendance Gunicorn qui pourra gérer le multi-tâches via des \"Workers\" et tenir les standards d'une webapp classique. Gunicorn sera accompagné de Whitenoise, un outil en plus qui gèrera les fichiers statiques (CSS/JS) que ne gère pas nativement Gunicorn.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#-sqlite","level":3,"title":"-> SQLite","text":"

Pour le moment, SQLite est le meilleur choix pour sa simplicité et sa taille minimale, elle est stockée en local, ne nécessite pas plus de préparations spécifiques car déjà prête à l'emploi avec Django.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#architecture-technique","level":2,"title":"Architecture technique","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#chef-du-service-grabbersh","level":3,"title":"Chef du service : grabber.sh","text":"

Ce script aura un rôle majeur dans le projet, il sera le chef d'orchestre du service et se chargera de gérer le panel admin et le serveur Django ainsi que l'environnement Python et d'être le centre des commandes en sécurisant le service avec un token dynamique

Entre autre, il devra :

-> Initialiser l'environnement virtuel Python (nommé gbvenv)

-> Gérer les dépendances requises (fonction requirements qui vérifie si l'hôte a bien les requis tels que jq, sqlite3 et python)

-> Génère si besoin les clés SSH nécessaires pour sécuriser la connexion de l'API

-> Vérifier la présence d'un compte super-user dans Django (important pour se logger au panel Admin, via le lancement d'un script Python \"lib/check_admin.py\")

-> Collecte les fichiers statiques depuis un dossier \"static\" afin de préparer le CSS pour Whitenoise

-> Automatiser le processus de \"migrations\" (python manage.py migrate)

-> Créer un token de session qui sécurisera les communications entre Django <-> Grabber <-> Alfred

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#lagent-de-collecte-alfredrun","level":3,"title":"L'agent de collecte : alfred.run","text":"

Info

Au départ une fonction inclue dans grabber.sh, il a finalement été décidé de séparer les deux pour plus de lisibilité et de facilité sur la suite pour être executé en autonomie dans une machine cible.

Son rôle est de fetch les données de la cible dont on a besoin pour répondre au besoin, données Hardware et Software. Toujours en Bash pour sa facilité d'utilisation dans des tâches d'extraction de données de l'OS.

En résumé, il devra donc :

-> Récupérer les données système (avec des outils natifs comme les netutils ou bien la librairie externe inxi)

-> Empaqueter ces données en un objet JSON (avec jq)

-> Envoyer les données via une requête à l'endpoint du serveur Django (avec une requête HTTP POST curl)

-> Renvoyer le token de session pour sécuriser la communication

-> Le tout est codé dans un paquet .run qui contient les librairies requises comme jq et inxi pour être utilisable sur un maximum d'ordinateurs Linux (compilé avec makeself)

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#cerveau-serveur-api-via-django","level":3,"title":"Cerveau serveur : API via Django","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#deploiement-dalfred","level":4,"title":"Déploiement d'Alfred","text":"

Pour déployer Alfred sur une machine, on utilisera SSH pour envoyer le script dans un PC cible. On veut que cette tâche soit lancée directement depuis le panel Admin.

Pour se faire, on délègue celle-ci à Python avec Django qui l'effectuera avec un formulaire qui contient l'IP sur laquelle aller, le username et le mot de passe du SSH cible.

Warning

Puisque l'IP envoyée à la machine cible est récupérée via request.get_host(), l'administrateur doit impérativement accéder au panel Admin de Grabber via l'adresse IP réseau de la machine (ex: 192.168.x.x:8000) et non via localhost:8000. Sinon, le PC cible tentera d'envoyer ses données à son propre localhost et la base de données restera vide.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#requete-avec-paramiko","level":5,"title":"Requête avec Paramiko","text":"

C'est la solution trouvée pour gérer cette demande, Paramiko est une librairie Python installable avec pip qui peut établir la session SSH et le fera depuis le backend Django (dans actions.py -> fonction deploy_ssh)

Le cycle de la requête est le suivant :

-> Connexion SSH à la cible. \n   (Via la clé SSH d'abord, puis si refus, via les identifiants donnés par l'utilisateur)\n\n-> Si l'authentification via la clé n'a pas fonctionné, \n   on envoie notre clé SSH hôte sur la machine distante\n\n-> Transfert SFTP de l'exécutable alfred.run vers le répertoire temporaire /tmp/.\n\n-> Exécution distante en injectant l'IP du serveur (request.get_host()) et \n   le Token de session.\n\n-> Nettoyage des traces (rm /tmp/alfred.run).\n
","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#protection-de-lapi-avec-un-token-dauthentification-session_token","level":4,"title":"Protection de l'API avec un Token d'Authentification (SESSION_TOKEN)","text":"

Info

Ne faut pas confondre ce token destiné aux communications inter-machines avec les sessions administrateurs du panel web, qui sont elles gérées directement par la base de données SQLite.

Comme dit plus tôt, grabber.sh génère un token unique (faisant office de clé d'API) avec la commande openssl rand à chaque lancement du serveur. Ce token est temporairement stocké dans settings.json et est automatiquement réinitialisé à la fermeture du script (via la commande trap qui lance la fonction cleanup).

Du côté serveur, lors du démarrage de l'application par Gunicorn, le fichier config/settings.py se charge de lire settings.json et de charger cette clé en mémoire dans la variable globale SESSION_TOKEN.

Enfin, lorsqu'une requête est émise par Alfred, Django intercepte et vérifie cette clé via la vue dédiée dans web/api.py. Il extrait la clé envoyée de manière sécurisée dans les en-têtes HTTP de la requête curl (précisément le header HTTP_X_API_KEY) et la compare avec celle en mémoire. Si les clés correspondent, les données matérielles sont traitées, sinon, la connexion est immédiatement rejetée avec une erreur 401 (Accès refusé).

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#panel-admin","level":4,"title":"Panel Admin","text":"

Il est une partie de l'app Django et présente dans une interface HTML/CSS/JS, une liste des ordinateurs enregistrés, la table SystemInfo avec l'adresse MAC comme clé principale pour chaque PC. Le tout est sécurisé avec le login admin de Django.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#gestion-des-employes","level":5,"title":"Gestion des \"employés\"","text":"

Via un petit modal, il est possible d'administrer en plus des ordinateurs, une BDD d'employés (stockée dans la même BDD SQLite) et d'y effectuer des tâches basiques comme créer un employé, le supprimer, l'éditer et l'assigner à un ordinateur depuis la page d'un PC.

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#gestion-des-sessions","level":5,"title":"Gestion des sessions","text":"

Pour gérer les sessions sur le Panel et éviter que les administrateurs soient déconnectés en naviguant (problème lié à la séparation des mémoires des différents workers de Gunicorn), le système de session de Django a été configuré pour être stocké directement dans la base de données SQLite (SESSION_ENGINE = \"django.contrib.sessions.backends.db\").

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#design","level":5,"title":"Design","text":"

Le CSS et le design utilisent la librairie Tailwind en mode CLI. Concrètement, on télécharge la librairie en local pour travailler avec, on la lance via une commande qui surveille \"watch\" les modifications, puis lorsque l'on a fini, on empaquete notre CSS avec le strict necessaire \"minify\". En savoir plus

","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#vue-densemble-du-projet-et-conclusions-projet-a-finir-avant","level":2,"title":"Vue d'ensemble du projet et Conclusions (Projet à finir avant)","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#difficultes-rencontrees-et-apprentissages","level":3,"title":"Difficultés rencontrées et apprentissages","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#bilan","level":3,"title":"Bilan","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2025-12-05/#axes-damelioration","level":3,"title":"Axes d'amélioration","text":"","path":["Projets","Alternavive GLSI léger : Grabber"],"tags":["Projets","Bash","Docs"]},{"location":"projects/2026-01-23/","level":1,"title":"Docs et notes avec Zensical","text":"","path":["Projets","Docs et notes avec Zensical"],"tags":["Projets","Docs"]},{"location":"projects/2026-01-23/#docs-et-notes-avec-zensical","level":1,"title":"Docs et notes avec Zensical","text":"

Note

Pendant la création de cette note j'ai migré de mkdocs à Zensicle (maj de mkdocs en meilleur) et donc j'utilise une config qui réutilise les fichiers et la structure mkdocs.

","path":["Projets","Docs et notes avec Zensical"],"tags":["Projets","Docs"]},{"location":"projects/2026-01-23/#pourquoi-faire","level":2,"title":"Pourquoi faire ?","text":"","path":["Projets","Docs et notes avec Zensical"],"tags":["Projets","Docs"]},{"location":"projects/2026-01-23/#comment-zensicle-marche","level":2,"title":"Comment Zensicle marche","text":"","path":["Projets","Docs et notes avec Zensical"],"tags":["Projets","Docs"]},{"location":"projects/2026-01-23/#hebergement-via-github-github-actions","level":2,"title":"Hébergement via Github (Github Actions)","text":"

Pour héberger mon site de documentation en ligne, j'utilise Github via Github Actions qui est la solution parfaite pour un projet léger comme celui-ci.

Docs pour host sur Github

","path":["Projets","Docs et notes avec Zensical"],"tags":["Projets","Docs"]},{"location":"projects/2026-02-13/","level":1,"title":"Faire un portfolio en JS moderne","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#faire-un-portfolio-en-js-moderne","level":1,"title":"Faire un portfolio en JS moderne","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#but-du-projet","level":2,"title":"But du projet","text":"

Ce projet est un moyen de toucher concrètement au JavaScript avec l'utilisation de React, pour faire un site portfolio personnel dans le but de promouvoir mes compétences personnelles et professionnelles ainsi que mes projets et hobbies à destination des professionnels.

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#stack-de-travail","level":2,"title":"Stack de travail","text":"

On doit choisir quelle stack, c'est à dire quel combo d'outils on utilisera pour faire fonctionner le tout. Dans une stack de projet Web moderne, on doit choisir un Moteur, un Framework et le compilateur. Mais à quoi servent-ils ?

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#le-moteur-build-tool","level":3,"title":"Le Moteur (Build tool)","text":"

Souvent appelé \"moteur\" par abus de langage, c'est l'outil qui fait tourner tout l'écosystème. Il coordonne le compilateur, le serveur et les fichiers.

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#le-framework","level":3,"title":"Le Framework","text":"

Le framework est un ensemble d'outils et de règles de construction. Au lieu de partir d'une page blanche, on utilise des blocs déjà prêtes et ça évite de recréer du code que la communauté aurait déjà écrit.

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#le-compilateur","level":3,"title":"Le Compilateur","text":"

C'est le même principe que dans plein d'autres languages comme le C par exemple, il reprend notre code, ici le JSX (un JavaScript mélangé à du HTML) en JS et HTML standard pour qu'un navigateur comprenne correctement.

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#choix","level":3,"title":"Choix","text":"

Il existe donc plusieurs Moteurs (Vite, Next.JS, ...), Frameworks (React, Vue, Svelte, ...) et Compilateurs (Babel, SWC, ...) mais pour ce projet on retiendra une stack simple pour un débutant et efficace pour tester et déployer.

Stack choisie

","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#points-importants-du-projet","level":2,"title":"Points importants du projet","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#creation-du-projet","level":3,"title":"Création du projet","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#packages-npm","level":3,"title":"Packages npm","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#hebergement-avec-vercel","level":3,"title":"Hébergement avec Vercel","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/2026-02-13/#cles-denvironnements","level":3,"title":"Clés d'environnements","text":"","path":["Projets","Faire un portfolio en JS moderne"],"tags":["Javascript","React","HTML/CSS","Projet"]},{"location":"projects/stage/2026-03-03/","level":1,"title":"Étape 1 - Planification et installation Hardware","text":"

Tout d'abord, nous définissons les premiers jours ce que nous allons concrètement faire comme projet, l'entreprise à un besoin spécifique :

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#definition-du-projet","level":2,"title":"Définition du projet","text":"

Objectif : Concevoir et déployer une solution d'infrastructure réseau et de stockage \"clé en main\" pour une TPE. Le système offre les capacités d'un NAS professionnel sécurisé, entièrement administrable via une interface web intuitive, sans nécessiter de compétences en ligne de commande pour l'utilisateur final.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#1-infrastructure-et-reseau-virtualisation","level":2,"title":"1. Infrastructure et Réseau (Virtualisation)","text":"","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#2-architecture-logicielle-stack-technique","level":2,"title":"2. Architecture Logicielle (Stack Technique)","text":"","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#3-enjeux-devops-et-secops","level":2,"title":"3. Enjeux DevOps et SecOps","text":"","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#planification-du-projet","level":2,"title":"Planification du projet","text":"","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#phase-1-cadrage-socle-technique-infrastructure","level":3,"title":"Phase 1 : Cadrage, Socle Technique & Infrastructure","text":"

Mise en place de l'environnement matériel, réseau et validation des concepts de base.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#phase-2-developpement-bottom-up-briques-independantes","level":3,"title":"Phase 2 : Développement \"Bottom-Up\" (Briques indépendantes)","text":"

Création des composants logiciels isolés.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#phase-3-interface-utilisateur-et-integration","level":3,"title":"Phase 3 : Interface Utilisateur et Intégration","text":"

Création du frontend et connexion de tous les modules.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#phase-4-industrialisation-devops-securite","level":3,"title":"Phase 4 : Industrialisation DevOps & Sécurité","text":"

Automatisation du déploiement et durcissement du système.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-03/#phase-5-tests-grandeur-nature-recette-et-documentation","level":3,"title":"Phase 5 : Tests Grandeur Nature, Recette et Documentation","text":"

Validation finale et préparation des livrables.

","path":["Projets","Stage","Étape 1 - Planification et installation Hardware"],"tags":[]},{"location":"projects/stage/2026-03-09/","level":1,"title":"Étape 2 : Configuration de l'Infrastructure Serveur","text":"","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#1-installation-du-routeur-pfsense-machine-virtuelle","level":2,"title":"1. Installation du Routeur pfSense (Machine Virtuelle)","text":"","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#2-configuration-du-reseau-local-lan-resolution-de-conflit","level":2,"title":"2. Configuration du Réseau Local (LAN) & Résolution de conflit","text":"

L'objectif était de séparer le réseau de la résidence (10.x.x.x) de notre réseau privé. * Adressage LAN : Changement de l'IP du LAN pfSense (via sa console) en 192.168.10.1/24. * Serveur DHCP : Activation sur pfSense (plage 192.168.10.50 à 192.168.10.200) pour attribuer automatiquement des IP aux futures VMs et aux PC physiques branchés au serveur.

","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#3-configuration-reseau-de-proxmox-lhyperviseur","level":2,"title":"3. Configuration Réseau de Proxmox (L'Hyperviseur)","text":"

Modification physique du fichier /etc/network/interfaces pour l'aligner sur le nouveau LAN. * Interface LAN (vmbr0) : Attribution de l'IP statique 192.168.10.2/24 avec 192.168.10.1 comme passerelle (gateway). * Interface WAN (vmbr1) : Passage en mode manuel sans aucune IP ni passerelle pour empêcher Proxmox d'être exposé directement au réseau du bâtiment.

","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#4-deblocage-de-lacces-internet-wan-portail-captif","level":2,"title":"4. Déblocage de l'accès Internet (WAN & Portail Captif)","text":"","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#5-acces-distant-securise-tailscale-subnet-routing","level":2,"title":"5. Accès Distant Sécurisé (Tailscale & Subnet Routing)","text":"

Contournement de la sécurité \"Client Isolation\" du réseau Wi-Fi de la résidence. * Installation : Ajout du paquet Tailscale sur pfSense et connexion via une clé d'authentification (Auth Key). * Règle Pare-feu : Création d'une règle Pass All (tout autoriser) sur la nouvelle interface Tailscale dans pfSense. * Subnet Routing : * Déclaration du réseau 192.168.10.0/24 dans les Advertised Routes des paramètres Tailscale de pfSense. * Approbation manuelle de cette route sur le panel d'administration web de Tailscale. * Bénéfice : Accès global à https://192.168.10.1 (pfSense) et https://192.168.10.2:8006 (Proxmox) depuis n'importe où, sans câble.

","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/2026-03-09/#6-creation-et-configuration-de-la-vm-debian-serveur","level":2,"title":"6. Création et Configuration de la VM Debian (Serveur)","text":"","path":["Projets","Stage","Étape 2 : Configuration de l'Infrastructure Serveur"],"tags":[]},{"location":"projects/stage/projet/","level":1,"title":"Spécification de Projet : \"GrabberBoxTea\"","text":"

Solution d'Infrastructure \"Clé en Main\" pour TPE

","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#contexte-et-objectif","level":2,"title":"Contexte et Objectif","text":"

Pour une TPE qui a des besoins sysops spécifiques mais voulant garder un controle total de leurs données sans avoir à dépendre d'outils externes (ex. Google, AWS)

L'entreprise a des besoins spécifiques tels que : - Accéder aux données de l'entreprise partout à l'intérieur comme à l'extérieur de l'entreprise - Donner des accès spécifiques à des monteurs freelances, dans le cadre d'une amélioration de la communication - Pouvoir manager le serveur via une interface simple et accessible (Pas de DSI, gestion par les employés, niveau confirmé) - BONUS: Avoir des outils de travaux collaboratifs intégrés au cloud pour éditer des données partout (ex. Comptabilité,...)

","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#architecture-technique","level":2,"title":"Architecture Technique","text":"

Le système repose sur une architecture en couches distinctes, exploitant des langages spécifiques pour chaque niveau de responsabilité :

","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#fonctionnalites-cles","level":2,"title":"Fonctionnalités Clés","text":"","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#a-gestion-du-stockage-module-pythonbash","level":3,"title":"A. Gestion du Stockage (Module Python/Bash)","text":"","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#b-sauvegarde-automatisee-sur-evenement-module-cbash","level":3,"title":"B. Sauvegarde Automatisée sur Événement (Module C/Bash)","text":"","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#c-tableau-de-bord-de-sante-module-cjs","level":3,"title":"C. Tableau de Bord de Santé (Module C/JS)","text":"","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#4-dimension-devops-et-administration-systeme","level":2,"title":"4. Dimension DevOps et Administration Système","text":"

Le projet intègre les meilleures pratiques d'ingénierie système :

  1. Packaging et Déploiement : Livraison sous forme de script d'installation global ou d'image système pré-configurée (ISO). Utilisation possible d'Ansible pour la configuration initiale.
  2. Sécurité (SecOps) : Configuration de pare-feu (nftables), isolation des processus, et mise en place de HTTPS automatisé.
  3. Conteneurisation : Isolation possible des briques applicatives (Web/API) via Docker, tout en maintenant les accès privilégiés nécessaires à l'administration de l'hôte.
","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#5-flux-operationnel-workflow","level":2,"title":"5. Flux Opérationnel (Workflow)","text":"
  1. Installation : L'administrateur exécute le script Bash d'initialisation sur un serveur vierge. Le système est opérationnel en quelques minutes.
  2. Configuration : L'utilisateur se connecte au Dashboard Web local.
  3. Action : Une demande (ex: \"Créer un partage 'Compta'\") est envoyée par le Frontend (JS).
  4. Exécution : L'API (Python) valide la requête et orchestre les commandes système nécessaires.
  5. Utilisation : Les postes clients (Windows/Mac) détectent immédiatement le nouveau volume réseau sécurisé.
","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]},{"location":"projects/stage/projet/#6-recapitulatif-de-la-stack-technologique","level":2,"title":"6. Récapitulatif de la Stack Technologique","text":"Composant Technologie Rôle Principal OS Debian 12 / Alpine Base stable et sécurisée. Infrastructure Bash + Ansible Provisioning et maintenance. Backend API Python (FastAPI) Logique métier et interface système. Système Langage C Monitoring bas niveau et gestion I/O. Frontend Vue.js / React Interface Homme-Machine (IHM). Protocoles Samba (SMB) / NFS Partage de fichiers hétérogène.","path":["Spécification de Projet : \"GrabberBoxTea\""],"tags":[]}]}