{"id":176,"date":"2017-06-05T14:36:17","date_gmt":"2017-06-05T13:36:17","guid":{"rendered":"https:\/\/www.riwan.fr\/?page_id=176"},"modified":"2017-07-19T09:33:39","modified_gmt":"2017-07-19T08:33:39","slug":"architecture-web-securisee","status":"publish","type":"page","link":"https:\/\/www.riwan.fr\/index.php\/architecture-web-securisee\/","title":{"rendered":"Architecture web s\u00e9curis\u00e9e"},"content":{"rendered":"

Pr\u00e9sentation<\/strong><\/p>\n

Une architecture web classique se pr\u00e9sente sous la forme d’un serveur web servant du contenu distribu\u00e9 par une base de donn\u00e9es.<\/p>\n

Contexte<\/strong><\/p>\n

J’ai refais int\u00e9gralement l’architecture web d’un site web en production, en installant un serveur de cache, un reverse-proxy ainsi que l’activation d’HTTPS via Let’s Encrypt.<\/p>\n

Projet<\/strong><\/p>\n

L’architecture web initial : <\/p>\n

\"Archi<\/p>\n

Il s’agit d’un serveur web Apache2 ainsi que d’un serveur de base de donn\u00e9es MySQL.<\/p>\n

Le premier besoin \u00e9tait d’ajouter un serveur de cache en amont du serveur web (sur la m\u00eame VM), ceci afin d’optimiser le chargement du site web.<\/p>\n

Le serveur de cache est Varnish, on l’a install\u00e9 en front sur le port 80, il jouait le r\u00f4le de reverse proxy vers Apache qui \u00e9coutait alors sur le port 8080.<\/p>\n

La configuration de Varnish est a adapt\u00e9 en fonction du site web\/CMS utilis\u00e9, notamment dans les chemins \u00e0 exclure du cache (backoffice, etc..).<\/p>\n

Le second besoin \u00e9tait l’activation d’HTTPS sur ce m\u00eame site web. La terminaison TLS devrait alors se faire sur le front Varnish, mais celui-ci est incapable de g\u00e9rer du TLS.<\/p>\n

J’ai donc du mettre en place un reverse proxy (HAProxy) afin qu’il puisse jouer le r\u00f4le de terminaison TLS.<\/p>\n

Une fois le certificat install\u00e9 sur HAProxy on redirige l’ensemble du trafic HTTP vers HTTPS pour limiter le duplicate content :<\/p>\n

\"Haproxy<\/p>\n

Le front HTTPS :<\/p>\n

\"Haproxy<\/p>\n

L’installation et le renouvellement du certificat HTTPS est g\u00e9r\u00e9 par Let’s Encrypt via un serveur standalone. Celui-ci permet de v\u00e9rifier que le domaine est bien redirig\u00e9 vers le bon environnement, via un challenge :<\/p>\n

\"Letsencrypt\"<\/p>\n

On avait donc HAProxy sur le port 80\/443, Varnish sur le port 8000 et Apache sur le port 8080. Le port 80 et 443 \u00e9tant les seuls ports ouvert au publique sur les pare-feux, le site \u00e9tait bien en HTTPS avec un serveur de cache fonctionnel :<\/p>\n

\"Archi<\/p>\n

Comp\u00e9tences li\u00e9es<\/strong><\/p>\n

Apache<\/span>
\nVarnish<\/span>
\nHAProxy<\/span><\/p>\n

Retour aux r\u00e9alisations<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Pr\u00e9sentation Une architecture web classique se pr\u00e9sente sous la forme d’un serveur web servant du contenu distribu\u00e9 par une base de donn\u00e9es. Contexte J’ai refais int\u00e9gralement l’architecture web d’un site web en production, en installant un serveur de cache, un reverse-proxy ainsi que l’activation d’HTTPS via Let’s Encrypt. Projet L’architecture web initial : Il s’agit[…]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/pages\/176"}],"collection":[{"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":5,"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/pages\/176\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/www.riwan.fr\/index.php\/wp-json\/wp\/v2\/media?parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}