Personnaliser ses pages erreurs HTTP.

[unPixel]

On va voir dans ce petit tuto comment personnaliser ses propres pages d'erreurs HTTP.

De base, les pages d'erreurs HTTP sont déjà existantes sur nos NAS quand on installe WebStation et créés par Synology sans même laisser la possibilité de les modifier depuis le répertoire web par exemple.

L'emplacement de ces pages :

/volume1/@appstore/WebStation/error_page

Contenu du répertoire error_page :

 

Ces pages ressemble tout simplement à ça (ex avec la page 404) :

 

Dans un premier temps, nous allons faire une sauvegarde de ce répertoire.

En SSH, on tape la commande (personnaliser la destination à votre convenance) :

cp -r /volume1/@appstore/WebStation/error_page /volume1/web/backup_erreurs_webstation/

Ensuite, il nous faut simplement importer nos propres pages personnalisées.

Pour cela, nous allons créer une tâche planifiée pour que cette importation se fasse à chaque redémarrage du NAS afin de contrer les mises à jour de Web Station (et peut-être de DSM) qui remettront les pages par défaut.

 

Commande à entrer :

find /volume1/web/pages_error_html/ -name "*.html" -execdir cp '{}' /volume1/@appstore/WebStation/error_page \;

La commande va chercher uniquement les fichiers .html qui se trouvent à l'intérieur du répertoire ou je stocke mes pages html modifiées et de les copier dans le dossier error_page de WebStation.

J'ai mit cette condition dans ma commande pour qu'il ne copie pas tout le contenu du répertoire comme des images, scripts ou fonts par exemple qui ne sont pas prit en compte quand ces fichiers sont dans le répertoire de WebStation (error_page).

Ensuite, il suffit d'aller voir le résultat en tapant par exemple une adresse qui n'existe pas sur son domaine :

https://ndd.tld/lien_qui_nexiste_pas

Pour finir, on va aussi s'occuper de la page nginx qui elle aussi est du made in Synology.

L'emplacement est :

/usr/syno/share/nginx/

On va aussi créer une tâche planifiée comme ci-dessus avec la commande :

find /volume1/web/page_error_nginx/ -name "*.html" -execdir cp '{}' /usr/syno/share/nginx/ \;

Pour vérifier la page nginx, on peut si on a des règle reverse proxy réservées à un règle VPN ou LAN uniquement aller voir son domaine réservé avec une connexion externe (4G par exemple).

Ex : https://nas.ndd.tld

Voilà, maintenant, vous avez vos propres pages personnalisées pour les erreurs HTTP 🙂

 

Modifié le 14 juillet 2019 par Zeus

[Jojo (BE)]

Merci @Zeus pour ceci.

C'est rigolo .

Aurais-tu un lien / un logiciel (pour MAC ?) à recommander pour créer de telles pages HTML ?

[unPixel]

Je travaille avec Sublime text 3 (payant) et Visual Studio code (gratuit) selon mon humeur.

Qu'est-ce qui est rigolo ?

[Jojo (BE)]

ce qui est "rigolo", c'est de pouvoir avoir des réponses / messages plus fins que le rond gris standard.

[unPixel]

Ahhh oui en effet 🙂

Et on peut aller encore plus loin que l'exemple présenté 😉