Sans APP_URL, Facebook et TikTok recevaient http://localhost:5555/api/{facebook,tiktok}/callback : une URI que les fournisseurs refusent, donc aucune page connectable derrière un reverse proxy. Le repli localhost n'est plus utilisé que hors requête HTTP ; en service, la base publique est reconstruite depuis X-Forwarded-Proto / X-Forwarded-Host (trust proxy est déjà activé). - `resolvePublicBaseUrl(req)` centralise la résolution (APP_URL prioritaire) - l'URI de redirection est déduite de la requête au démarrage du flux, à l'échange du code et dans l'affichage des paramètres : les trois restent identiques, comme l'exige OAuth - docker-compose ne force plus APP_URL à localhost, qui rendait l'auto détection inopérante - cookie de session en `secure: 'auto'` à défaut d'APP_URL, pour ne pas émettre un cookie non sécurisé derrière un proxy HTTPS Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Db2EazEcvnqgTTeg8oGTif
5.5 KiB
Déploiement Docker - Social Flow
📋 Configuration
L'application utilise Docker Compose pour orchestrer :
- PostgreSQL 16 : Base de données sur réseau interne
- Social Flow App : Application Node.js exposée sur le port 4523
🚀 Démarrage rapide
1. Copier le fichier d'environnement
cp .env.example .env
2. Éditer les variables d'environnement
Modifiez .env avec vos valeurs :
# Base de données
PGDATABASE=socialflow
PGUSER=socialflow
PGPASSWORD=votre_mot_de_passe_securise
# Application
PORT=4523
SESSION_SECRET=votre_cle_secrete_aleatoire
# API OpenRouter (pour la génération IA)
OPENROUTER_API_KEY=votre_cle_openrouter
3. Lancer les conteneurs
# Démarrer en arrière-plan
docker-compose up -d
# Voir les logs
docker-compose logs -f
# Arrêter
docker-compose down
🌐 Accès
- PostgreSQL : Accessible sur le port 4523 (interne et externe)
- Application : Accessible via Nginx sur le réseau
nginx_default
🔧 Architecture réseau
Réseau interne (internal)
- PostgreSQL et l'application communiquent sur ce réseau privé
Réseau nginx (nginx_default)
- Réseau externe pour le reverse proxy Nginx
- PostgreSQL et l'application sont sur ce réseau
- Permet l'accès via Nginx et un domaine personnalisé
Ports exposés
- PostgreSQL :
4523:4523(port hôte 4523 → port container 4523) - Application : Port 5555 interne (non exposé sur l'hôte, accessible via Nginx)
📝 Configuration Nginx
Prérequis : Créer le réseau nginx
Avant de lancer docker-compose, créez le réseau nginx (une seule fois) :
docker network create nginx_default
Configuration Nginx
Configurez Nginx pour cibler l'application sur le port 5555 :
upstream socialflow {
server socialflow-app:5555; # ← Port interne de l'application
}
server {
listen 80;
server_name votre-domaine.com;
location / {
proxy_pass http://socialflow;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
Important : Si vous n'utilisez pas Nginx, vous pouvez retirer le réseau nginx_default du docker-compose.yml.
🛠️ Commandes utiles
Reconstruire les images
docker-compose build --no-cache
docker-compose up -d
Voir les logs d'un service spécifique
docker-compose logs -f app # Application
docker-compose logs -f postgres # Base de données
Accéder au conteneur
docker-compose exec app sh # Shell de l'application
docker-compose exec postgres psql -U socialflow # PostgreSQL CLI
Nettoyer complètement
# Arrêter et supprimer les conteneurs, réseaux
docker-compose down
# Supprimer aussi les volumes (⚠️ PERTE DE DONNÉES)
docker-compose down -v
🔗 URL publique et connexions OAuth (Facebook / TikTok)
Les boutons « Connecter une page » construisent une URI de redirection à partir
de l'URL publique de l'application. Renseignez donc APP_URL avec le domaine
réel :
APP_URL=https://socialflow.exemple.fr
Puis déclarez l'URI correspondante chez le fournisseur :
- Facebook : Connexion Facebook → Paramètres → URI de redirection OAuth valides
→
https://socialflow.exemple.fr/api/facebook/callback - TikTok : Login Kit → Redirect URI →
https://socialflow.exemple.fr/api/tiktok/callback
Si APP_URL est absent, l'URL est déduite des en-têtes X-Forwarded-Proto et
X-Forwarded-Host envoyés par Nginx — vérifiez que le proxy les transmet
(voir la configuration Nginx ci-dessus). Un APP_URL réglé sur
http://localhost:5555 en production produit une URI que Facebook refuse.
🔒 Sécurité en production
- Variables d'environnement : Ne commitez JAMAIS le fichier
.env - Mots de passe : Utilisez des mots de passe forts et aléatoires
- SESSION_SECRET : Générez une clé aléatoire de 32+ caractères
- Firewall : Limitez l'accès au port 4523 ou utilisez Nginx
- HTTPS : Configurez un certificat SSL (Let's Encrypt + Nginx)
📊 Healthchecks
- PostgreSQL : Vérifie que la base est prête avant de démarrer l'app
- Migrations : Exécutées automatiquement au démarrage (
drizzle-kit push --force)
🐛 Dépannage
L'application ne démarre pas
# Vérifier les logs
docker-compose logs app
# Vérifier que PostgreSQL est prêt
docker-compose exec postgres pg_isready -U socialflow
Port 4523 déjà utilisé
# Trouver le processus
sudo lsof -i :4523
# Ou changer le port dans .env et docker-compose.yml
Erreur de connexion à la base de données
Vérifiez que DATABASE_URL dans .env correspond aux variables PGUSER, PGPASSWORD, etc.
📦 Volumes Docker
postgres_data: Données persistantes de PostgreSQL- Mappages locaux :
./attached_assets→/app/attached_assets(médias uploadés)./migrations→/app/migrations(migrations DB)
🔄 Mise à jour de l'application
# 1. Pull les dernières modifications
git pull
# 2. Reconstruire l'image
docker-compose build
# 3. Redémarrer
docker-compose up -d
# 4. Vérifier les logs
docker-compose logs -f app