Ajouter un site web sur le domaine Picasoft

Historiquement, nous utilisions une image Nginx maison intégrant PHP afin de publier nos sites. Nous avons décidé de changer pour utiliser les images officielles Nginx et PHP afin d’avoir moins d’images à maintenir ainsi que pour respecter les philosophie Docker.

Deploy your applications in separate containers independently and in different languages. Reduce the risk of conflict between languages, libraries or frameworks.

Il faut donc créer un nouveau projet sur Gitlab dans Picasoft/Technique/Services. On pourra se baser sur les exemples existants (website, culture, uploads et stiegler par exemple).

Le lancement d’un nouveau site peut s’expérimenter sur pica01-test.

Un site de base peut être déployé à partir de ce docker-compose :

snippet.yaml

version: "3.7"

volumes:
  monbeausite:
    name: monbeausite

networks:
  proxy:
    external: true

services:
  school:
    container_name: monbeausite
    image: nginx:1.21-alpine
    volumes:
      - monbeausite:/usr/share/nginx/html:ro
    labels:
      traefik.http.routers.school.entrypoints: websecure
      traefik.http.routers.school.rule: Host(`monbeausite.picasoft.net`)
      traefik.http.services.school.loadbalancer.server.port: 80
      traefik.enable: true
    networks:
      - proxy
    restart: unless-stopped

La configuration de Nginx se trouve dans le fichier /etc/nginx/nginx.conf, pour la modifier nous créons le fichier dans le dossier du service et nous montons ce fichier dans le conteneur :

snippet.yaml

version: "3.7"

volumes:
  culture:
    name: culture

networks:
  proxy:
    external: true

services:
  culture:
    container_name: culture
    image: nginx:1.21-alpine
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf:ro
      - culture:/var/www/html:ro
    labels:
      traefik.http.routers.culture.entrypoints: websecure
      traefik.http.routers.culture.rule: Host(`culture.picasoft.net`)
      traefik.http.services.culture.loadbalancer.server.port: 80
      traefik.enable: true
    networks:
      - proxy
    restart: unless-stopped

Une première chose que nous pouvons faire, c’est de changer l’emplacement de la racine du contenu web. En effet, il se trouve par défaut dans /usr/share/nginx/html, or l’emplacement traditionnellement utilisé est /var/www/html. Pour cela nous pouvons donc utiliser la configuration suivante :

worker_processes auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    server {
        listen 80;

        root /var/www/html;
        index index.html index.htm;
    }
}

Ici, la directive root /var/www/html; indique que le contenu web se trouve dans le dossier /var/www/html.

worker_processes auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    gzip on;
    gzip_vary on;
    gzip_comp_level 4;
    gzip_min_length 256;
    gzip_types application/pdf application/octet-stream application/atom+xml application/javascript audio/mpeg application/rss+xml image/bmp image/png image/jpeg image/svg+xml image/x-icon text/css text/plain text/html;

    server {
        listen 80;

        root /var/www/html;
        index index.html index.htm;
    }
}

worker_processes auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    gzip on;
    gzip_vary on;
    gzip_comp_level 4;
    gzip_min_length 256;
    gzip_types application/pdf application/octet-stream application/atom+xml application/javascript audio/mpeg application/rss+xml image/bmp image/png image/jpeg image/svg+xml image/x-icon text/css text/plain text/html;

    server {
        listen 80;

	autoindex on;

        root /var/www/html;
        index index.html index.htm;
    }
}

On synchronise le contenu du site dans /tmp/site, sur pica01, par exemple. Ensuite, on copie simplement les fichiers dans le conteneur :

snippet.bash

docker cp /tmp/site/* aomame:/var/www/html

À ce stade, le site est prêt à être servi, il ne reste plus qu’à ajouter l’entrée DNS.

En filant l’exemple aomame, il faut ajouter une entrée pour aomame.picasoft.net dans le fichier de zone DNS.

Pour ce faire, on se référera à la documentation sur la gestion des noms de domaine de Picasoft, en particulier sur la partie d’ajout de sous-domaine.