De localhost:3000 à  https://mon-app.com en moins de 5 minutes.

Lorsqu’on héberge une application web sur un serveur (VPS), deux étapes sont cruciales pour la rendre accessible et sécurisée :

  1. Reverse proxy – permet de rediriger le trafic HTTP/HTTPS d’un domaine ou sous-domaine vers l’application qui tourne sur un port interne (ex: 3010).
  2. Certificat SSL – sécurise les connexions avec HTTPS, protège les données des utilisateurs et évite les avertissements de navigateur.

Ce guide montre la méthode générale Supabase, un dashboard interne, ou toute autre app web.

Étape 0 : Choisir un domaine ou un sous-domaine

Vous avez deux options :

  • Acheter un domaine si vous en avez pas.
  • Créer un sous-domaine sur un domaine existant que vous possédez chez votre hébergeur.

Exemple : mondomaine.com

  • Dans l’interface de l’hébergeur → Zone Editor / Manage Zone :
    • Créez un A record pointant vers l’IP du VPS.
    Type: A Name: mondomaine.com Value: XX.XX.XXX.195 TTL: 14400
  • Sur votre VPS taper pour vérifiez que l’IP est correcte :
dig mondomaine.com +short

Étape 1 : Configurer Nginx comme reverse proxy

  1. Créez un fichier de configuration dans le dossier sites-available:
sudo nano /etc/nginx/sites-available/le_nom_de_votre_app

Exemple générique :

server {
    listen 80;
    server_name mondomaine.com;

    location / {
        proxy_pass http://localhost:PORT_DE_VOTRE_APP;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}
  1. Activez le site :
sudo ln -s /etc/nginx/sites-available/app /etc/nginx/sites-enabled/app
  1. Testez et rechargez Nginx :
sudo nginx -t
sudo systemctl reload nginx

Étape 2 : Installer un certificat SSL gratuit avec Certbot

  1. Lancer la commande pour générer et configurer le SSL :
sudo certbot --nginx -d mondomaine.com

Certbot fera tout automatiquement :

  • Vérification du domaine
  • Génération du certificat
  • Configuration de Nginx pour HTTPS
  • Mise en place du renouvellement automatique
  1. Vérifiez les certificats :
sudo certbot certificates

Étape 3 : Test final

  • Accédez à votre application via https://mondomaine.com
  • Le cadenas HTTPS doit apparaître et le certificat être valide.

Résultat

  • Reverse proxy actif : le domaine redirige correctement vers votre app interne.
  • HTTPS actif : les connexions sont sécurisées.
  • Vous pouvez appliquer cette méthode à n’importe quelle application web sur un VPS.

Publications similaires