mirror of
https://github.com/IliesAllali/parenthese.git
synced 2026-11-06 23:32:08 +00:00
- Règles de préchargement dans l'accueil et les 15 guides : une page du site est préparée quand on survole son lien (appui sur téléphone), et s'ouvre presque tout de suite. Pages seulement, pas les fichiers ; l'application n'est pas concernée. Ignoré par les navigateurs qui ne connaissent pas ces règles. - Une page préchargée ne compte pas de visite avant d'être vraiment ouverte (PostHog attend prerenderingchange), et l'animation du logo se joue à l'ouverture, pas pendant le préchargement. - CSP de la landing (deploy/nginx.conf) : empreinte des règles, et nouvelle empreinte du script du logo. Le mot-clé 'inline-speculation-rules' ne suffisait pas à Chrome. - Test : chaque script en ligne des pages a son empreinte dans la CSP, chaque page a ses règles. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
222 lines
11 KiB
Nginx Configuration File
222 lines
11 KiB
Nginx Configuration File
# ─── En-têtes de sécurité ─────────────────────────────────────────────────────
|
|
#
|
|
# nginx n'hérite des add_header du niveau server que dans les location qui n'en déclarent aucun.
|
|
# Toute location qui pose son propre add_header (Cache-Control par exemple) répète donc la liste
|
|
# complète. Les politiques longues sont rangées dans des variables (map) pour ne pas les recopier.
|
|
#
|
|
# server_tokens off est posé dans chaque server (version de nginx absente de l'en-tête Server et des pages
|
|
# d'erreur) : au niveau http, il entrerait en double avec un nginx.conf principal qui le pose déjà.
|
|
|
|
# Journal d'accès sans la query string : les adresses des médias portent un jeton (?token=…), que l'API
|
|
# masque dans ses propres journaux mais que le format « combined » de nginx gardait en clair.
|
|
log_format parenthese_noquery '$remote_addr - $remote_user [$time_local] "$request_method $uri $server_protocol" '
|
|
'$status $body_bytes_sent "$http_referer" "$http_user_agent"';
|
|
|
|
# CSP de l'application (app.parenthese.io), sources autorisées :
|
|
# script-src 'self' posthog-js est dans le bundle ; il ne charge aucun script externe
|
|
# (disable_external_dependency_loading). Le joker https://*.posthog.com laissait
|
|
# passer le script de n'importe quel projet PostHog en cas d'injection.
|
|
# connect-src envoi des événements (VITE_POSTHOG_HOST = us.i.posthog.com) et configuration
|
|
# distante (us-assets.i.posthog.com) ; 'self' pour /api, /auth, /trees
|
|
# style-src 'unsafe-inline' styles posés en ligne par React et par posthog-js
|
|
# img-src data: blob: aperçu d'une photo avant envoi (URL.createObjectURL), images en data:
|
|
# font-src 'self' data: polices servies par le site (Vite peut en inliner une petite en data:)
|
|
# media-src blob: lecture locale d'un fichier avant envoi
|
|
# worker-src blob: compression des enregistrements posthog-js
|
|
# frame-src 'self' pour les PDF servis par /api, YouTube sans cookie, carte OpenStreetMap
|
|
# frame-ancestors la landing parenthese.io intègre l'app en iframe
|
|
map $host $parenthese_app_csp {
|
|
default "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self' data:; connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com; media-src 'self' blob:; worker-src 'self' blob:; frame-src 'self' https://www.youtube-nocookie.com https://www.openstreetmap.org; object-src 'none'; base-uri 'self'; form-action 'self'; frame-ancestors 'self' https://parenthese.io https://www.parenthese.io";
|
|
}
|
|
|
|
# CSP de la landing (parenthese.io), sources autorisées :
|
|
# script-src 'sha256-...' script en ligne du <head> (animation du logo, dans index.html et en/index.html).
|
|
# S'il change, recalculer l'empreinte : base64(sha256(contenu exact entre
|
|
# <script> et </script>)), sinon l'animation ne se joue plus (sans autre effet).
|
|
# 2e 'sha256-...' règles de préchargement des pages (<script type="speculationrules">, le même
|
|
# texte dans index.html et chaque guide). Même calcul s'il change, sinon les pages
|
|
# ne sont plus préchargées (sans autre effet). Le mot-clé 'inline-speculation-rules'
|
|
# ne suffisait pas à Chrome (essayé le 27/10).
|
|
# posthog comme pour l'app
|
|
# style-src 'unsafe-inline' attributs style du rendu serveur React
|
|
# frame-src démonstration de l'app en iframe
|
|
# frame-ancestors 'none' équivalent de X-Frame-Options DENY
|
|
map $host $parenthese_landing_csp {
|
|
default "default-src 'self'; script-src 'self' 'sha256-v68KpM0KHUkaezvOmKtoCY2RsfbwoEC9EZYD682DCiU=' 'sha256-eflWcNn8MfPvX2YD4hXJnR3x9nRGu0f7tIEq2j/yfPo='; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; connect-src 'self' https://us.i.posthog.com https://us-assets.i.posthog.com; worker-src 'self' blob:; frame-src https://app.parenthese.io; object-src 'none'; base-uri 'self'; form-action 'self'; frame-ancestors 'none'";
|
|
}
|
|
|
|
# Réponses de l'API relayées (JSON, médias des familles) : intégrables seulement par l'app (PDF en iframe).
|
|
map $host $parenthese_api_csp {
|
|
default "frame-ancestors 'self' https://parenthese.io https://www.parenthese.io";
|
|
}
|
|
|
|
|
|
# ─── app.parenthese.io ────────────────────────────────────────────────────────
|
|
|
|
server {
|
|
listen 80;
|
|
server_name app.parenthese.io;
|
|
server_tokens off;
|
|
return 301 https://app.parenthese.io$request_uri;
|
|
}
|
|
|
|
server {
|
|
# « listen ... http2 » gardé : la directive « http2 on; » demande nginx 1.25.1 ou plus, et la version
|
|
# installée sur le VPS n'est pas écrite dans le dépôt (Ubuntu 24.04 livre la 1.24). À passer en
|
|
# « listen 443 ssl; » + « http2 on; » une fois « nginx -v » vérifié.
|
|
listen 443 ssl http2;
|
|
server_name app.parenthese.io;
|
|
server_tokens off;
|
|
|
|
ssl_certificate /etc/letsencrypt/live/app.parenthese.io/fullchain.pem;
|
|
ssl_certificate_key /etc/letsencrypt/live/app.parenthese.io/privkey.pem;
|
|
ssl_protocols TLSv1.2 TLSv1.3;
|
|
|
|
access_log /var/log/nginx/access.log parenthese_noquery;
|
|
|
|
# Hérités par les location sans add_header, c'est-à-dire les routes relayées vers l'API
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_api_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
|
|
gzip on;
|
|
gzip_vary on;
|
|
gzip_min_length 1024;
|
|
gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript image/svg+xml;
|
|
|
|
root /var/www/parenthese/frontend/dist;
|
|
index index.html;
|
|
|
|
location /api/ {
|
|
rewrite ^/api(/.*)$ $1 break;
|
|
proxy_pass http://127.0.0.1:4000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $remote_addr;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
client_max_body_size 25m;
|
|
proxy_connect_timeout 10s;
|
|
proxy_send_timeout 30s;
|
|
proxy_read_timeout 30s;
|
|
}
|
|
|
|
location /auth/ {
|
|
proxy_pass http://127.0.0.1:4000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $remote_addr;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
location /trees {
|
|
proxy_pass http://127.0.0.1:4000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $remote_addr;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
client_max_body_size 25m;
|
|
}
|
|
|
|
location /health {
|
|
proxy_pass http://127.0.0.1:4000;
|
|
proxy_http_version 1.1;
|
|
}
|
|
|
|
location / {
|
|
try_files $uri $uri/ /index.html;
|
|
add_header Cache-Control "no-cache, no-store, must-revalidate" always;
|
|
add_header Pragma "no-cache" always;
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_app_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
}
|
|
|
|
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
|
|
expires 30d;
|
|
add_header Cache-Control "public, immutable";
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_app_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
}
|
|
}
|
|
|
|
|
|
# ─── parenthese.io (landing) ─────────────────────────────────────────────────
|
|
|
|
server {
|
|
listen 80;
|
|
server_name parenthese.io www.parenthese.io;
|
|
server_tokens off;
|
|
return 301 https://parenthese.io$request_uri;
|
|
}
|
|
|
|
server {
|
|
listen 443 ssl http2;
|
|
server_name www.parenthese.io;
|
|
server_tokens off;
|
|
ssl_certificate /etc/letsencrypt/live/parenthese.io/fullchain.pem;
|
|
ssl_certificate_key /etc/letsencrypt/live/parenthese.io/privkey.pem;
|
|
ssl_protocols TLSv1.2 TLSv1.3;
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
return 301 https://parenthese.io$request_uri;
|
|
}
|
|
|
|
server {
|
|
listen 443 ssl http2;
|
|
server_name parenthese.io;
|
|
server_tokens off;
|
|
|
|
ssl_certificate /etc/letsencrypt/live/parenthese.io/fullchain.pem;
|
|
ssl_certificate_key /etc/letsencrypt/live/parenthese.io/privkey.pem;
|
|
ssl_protocols TLSv1.2 TLSv1.3;
|
|
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_landing_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
add_header X-Frame-Options "DENY" always;
|
|
|
|
gzip on;
|
|
gzip_vary on;
|
|
gzip_min_length 1024;
|
|
gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript image/svg+xml;
|
|
|
|
root /var/www/parenthese/landing/dist;
|
|
index index.html;
|
|
|
|
# SPA fallback
|
|
location / {
|
|
try_files $uri $uri/ /index.html;
|
|
add_header Cache-Control "no-cache, no-store, must-revalidate" always;
|
|
add_header Pragma "no-cache" always;
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_landing_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
add_header X-Frame-Options "DENY" always;
|
|
}
|
|
|
|
# Fingerprinted static assets
|
|
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
|
|
expires 30d;
|
|
add_header Cache-Control "public, immutable";
|
|
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
|
|
add_header Content-Security-Policy $parenthese_landing_csp always;
|
|
add_header X-Content-Type-Options "nosniff" always;
|
|
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
|
|
add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=()" always;
|
|
add_header X-Frame-Options "DENY" always;
|
|
}
|
|
}
|