Fully translated (but some work to do about urls)
This commit is contained in:
		@@ -1,6 +1,6 @@
 | 
			
		||||
---
 | 
			
		||||
navigation: true
 | 
			
		||||
title: IT-Tools
 | 
			
		||||
title: IT Tools
 | 
			
		||||
main:
 | 
			
		||||
  fluid: false
 | 
			
		||||
---
 | 
			
		||||
@@ -8,19 +8,19 @@ main:
 | 
			
		||||
# IT Tools
 | 
			
		||||
 | 
			
		||||
::alert{type="info"}
 | 
			
		||||
🎯 __Objectifs :__
 | 
			
		||||
- Installer IT-Tools
 | 
			
		||||
- Exposer IT Tools avec Swag
 | 
			
		||||
🎯 __Goals:__
 | 
			
		||||
- Install IT Tools
 | 
			
		||||
- Expose IT Tools with Swag
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
[IT Tools](https://github.com/CorentinTh/it-tools) est un conteneur exposant une page web permettant d'accéder à un grand nombre d'outil de développement.
 | 
			
		||||
[IT Tools](https://github.com/CorentinTh/it-tools) is a container exposing a web page that provides access to a wide range of development tools.
 | 
			
		||||
 | 
			
		||||

 | 
			
		||||
 | 
			
		||||
## Installation
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
Ouvrez Dockge, cliquez sur `compose`, appelez la stack `it-tools` puis copiez collez ceci :
 | 
			
		||||
Open Dockge, click on `compose`, name the stack `it-tools`, and paste the following:
 | 
			
		||||
 | 
			
		||||
```yaml
 | 
			
		||||
---
 | 
			
		||||
@@ -34,7 +34,7 @@ services:
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
::alert{type="success"}
 | 
			
		||||
✨ __Astuce :__ ajoutez le label de watchtower dans chaque conteneur afin d'automatiser les mises à jour
 | 
			
		||||
✨ __Tip:__ Add the Watchtower label to each container to enable automatic updates.
 | 
			
		||||
 | 
			
		||||
    ```yaml
 | 
			
		||||
    services:
 | 
			
		||||
@@ -44,68 +44,67 @@ services:
 | 
			
		||||
          - com.centurylinklabs.watchtower.enable=true
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
Déployez le conteneur et rendez-vous sur `http://ipduserveur:3222`. Et voilà, votre instance IT Tools en webui est disponible !
 | 
			
		||||
Deploy the container and visit `http://yourserverip:3222`. That’s it, your IT Tools web UI instance is up and running!
 | 
			
		||||
 | 
			
		||||
::alert{type="danger"}
 | 
			
		||||
:::list{type="danger"}
 | 
			
		||||
- __En cas d'échec :__ vérifiez les règles de votre pare-feu.
 | 
			
		||||
- __If it fails:__ check your firewall rules.
 | 
			
		||||
:::
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
## Exposer IT Tools avec Swag
 | 
			
		||||
## Expose IT Tools with Swag
 | 
			
		||||
---
 | 
			
		||||
Vous aurez peut-etre envie d'y accéder à distance et sur tout vos appareils. Pour cela, nous allons exposer IT Tools via Swag.
 | 
			
		||||
You might want to access it remotely on all your devices. To do that, we'll expose IT Tools using Swag.
 | 
			
		||||
 | 
			
		||||
::alert{type="info"}
 | 
			
		||||
:::list{type="info"}
 | 
			
		||||
- __Au préalable :__ nous partons du principe que vous avez créé dans votre [zone DNS](/generalites/dns) un sous domaine du type `tools.mondomaine.fr` avec pour `CNAME` `mondomaine.fr` et, [à moins que vous utilisiez Cloudflare Zero Trust](/serveex/securite/cloudflare), que que vous avez déjà redirigé le port `443` de votre box vers le `443` de votre serveur dans [les règles NAT](/generalites/nat).
 | 
			
		||||
- __Pre-requisite:__ We assume you’ve created a subdomain like `tools.yourdomain.com` in your [DNS zone](/generalites/dns) with `CNAME` set to `yourdomain.com`. Also, unless you’re using [Cloudflare Zero Trust](/serveex/securite/cloudflare), make sure you’ve already forwarded port `443` from your router to port `443` on your server in the [NAT rules](/generalites/nat).
 | 
			
		||||
:::
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
Dans Dockge, rendez-vous dans la stack de SWAG et éditez le compose en ajoutant le réseau de it-tools :
 | 
			
		||||
In Dockge, go to the SWAG stack and edit the compose file to add the IT Tools network:
 | 
			
		||||
 | 
			
		||||
```yaml
 | 
			
		||||
services:
 | 
			
		||||
  swag:
 | 
			
		||||
     container_name: # ...
 | 
			
		||||
      # ... 
 | 
			
		||||
     networks:              # Relie le conteneur au réseau custom 
 | 
			
		||||
      # ...
 | 
			
		||||
     networks:              # Connects the container to the custom network 
 | 
			
		||||
      # ...           
 | 
			
		||||
      - it-tools            # Nom du réseau déclaré dans la stack
 | 
			
		||||
      - it-tools            # Network name as defined in the IT Tools stack
 | 
			
		||||
    
 | 
			
		||||
networks:                   # Définit le réseau custom
 | 
			
		||||
networks:                   # Defines the custom network
 | 
			
		||||
  # ...
 | 
			
		||||
  it-tools:                 # Nom du réseau déclaré dans la stack
 | 
			
		||||
    name: it-tools_default  # Nom véritable du réseau externe
 | 
			
		||||
    external: true          # Précise que c'est un réseau à rechercher en externe
 | 
			
		||||
  it-tools:                 # Network name as defined in the IT Tools stack
 | 
			
		||||
    name: it-tools_default  # Actual name of the external network
 | 
			
		||||
    external: true          # Indicates it's an external network
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
::alert{type="info"}
 | 
			
		||||
:::list{type="info"}
 | 
			
		||||
- Ici nous partons du principe que le nom du réseau de it-tools est `it-tools_default`. Vous pouvez vérifier que la connexion est opérationnelle en visitant le dashboard de SWAG en tapant http://ipduserveur:81.
 | 
			
		||||
- We assume the IT Tools network is named `it-tools_default`. You can check connectivity by visiting the SWAG dashboard at http://yourserverip:81.
 | 
			
		||||
:::
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
::alert{type="info"}
 | 
			
		||||
:::list{type="info"}
 | 
			
		||||
- Ici nous partons du principe que le nom du réseau de Swag est `swag_default`.
 | 
			
		||||
- We also assume the SWAG network is named `swag_default`.
 | 
			
		||||
:::
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
Relancez la stack en cliquant sur "déployer" et patientez le temps que SWAG soit complètement opérationnel.
 | 
			
		||||
Restart the stack by clicking "deploy" and wait for SWAG to be fully operational.
 | 
			
		||||
 | 
			
		||||
Dans les dossiers de Swag, créez le fichier `tools.subdomain.conf`.
 | 
			
		||||
Inside the Swag folders, create the file `tools.subdomain.conf`.
 | 
			
		||||
 | 
			
		||||
::alert{type="success"}
 | 
			
		||||
✨ __Astuce :__ vous pouvez utiliser [File Browser](/serveex/files/file-browser) pour naviguer dans vos fichier et éditer vos documents au lieu d'utiliser les commandes du terminal.
 | 
			
		||||
✨ __Tip:__ You can use [File Browser](/serveex/files/file-browser) to navigate and edit your files instead of using terminal commands.
 | 
			
		||||
::
 | 
			
		||||
 | 
			
		||||
```shell
 | 
			
		||||
sudo vi /docker/swag/config/nginx/proxy-confs/tools.subdomain.conf
 | 
			
		||||
```
 | 
			
		||||
Entrez en modification avec la touche `i` et collez la configuration ci-dessous :
 | 
			
		||||
 | 
			
		||||
Enter edit mode by pressing `i` and paste the configuration below:
 | 
			
		||||
 | 
			
		||||
```nginx
 | 
			
		||||
## Version 2023/12/19
 | 
			
		||||
@@ -158,10 +157,10 @@ server {
 | 
			
		||||
}
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
Appuyez sur `Echap` puis sauvegardez et quittez en tapant `:x` puis en appuyant sur `Entrée`.
 | 
			
		||||
Press `Esc`, then save and exit by typing `:x` and pressing `Enter`.
 | 
			
		||||
 | 
			
		||||
Et voilà, vous avez exposé it-tools !
 | 
			
		||||
And that’s it — IT Tools is now exposed!
 | 
			
		||||
 | 
			
		||||
::alert{type="success"}
 | 
			
		||||
✨ __Astuce :__ Vous pouvez protéger cette app avec Authentik en ouvrant `tools.subodmain.conf` et en retirant les `#` devant `include /config/nginx/authentik-server.conf;`{lang=nginx} et `include /config/nginx/authentik-location.conf;`{lang=nginx}. N'oubliez pas de [créer une application et un fournisseur dans Authentik](/serveex/securite/authentik#protéger-une-app-par-reverse-proxy).
 | 
			
		||||
✨ __Tip:__ You can secure this app with Authentik by opening `tools.subdomain.conf` and uncommenting the lines `include /config/nginx/authentik-server.conf;` and `include /config/nginx/authentik-location.conf;`. Don’t forget to [create an application and a provider in Authentik](/serveex/securite/authentik#protéger-une-app-par-reverse-proxy).
 | 
			
		||||
::
 | 
			
		||||
		Reference in New Issue
	
	Block a user