Le chat fluo qui fait le taf.
Simple, rapide, style neon.

Objectif : avoir un serveur accessible en SSH et un domaine qui pointe vers l'IP du VPS.

VPS conseille (minimum) : 2 vCPU, 2 Go RAM, 20 Go SSD. Choisis l'image Ubuntu 24.04 LTS chez l'hebergeur.

Domaine : dans ta zone DNS, cree un enregistrement A (ex: chat.tondomaine.tld) vers l'IP de ton VPS.

Connexion SSH + mises a jour :

ssh root@IP_DU_VPS
apt update && apt -y upgrade
timedatectl set-timezone Europe/Brussels

Creer un utilisateur sudo (recommande) :

adduser deploy
usermod -aG sudo deploy

Firewall simple (SSH) :

ufw allow OpenSSH
ufw enable
ufw status

Apache sert le site et fera le reverse-proxy vers Node (port 3001).

sudo apt update
sudo apt install -y apache2
sudo systemctl enable --now apache2

Si tu utilises ufw :

sudo ufw allow 'Apache Full'

PHP (utile pour ta vitrine / contact.php / outils admin, etc.) :

sudo apt install -y php libapache2-mod-php php-cli php-common php-mbstring php-xml php-curl php-zip php-gd
sudo systemctl restart apache2
php -v

Test rapide (optionnel) :

echo '<?php phpinfo(); ?>' | sudo tee /var/www/html/info.php
# puis ouvre : http://TON_DOMAINE/info.php

Objectif : ton domaine (port 80/443) pointe sur Apache, et Apache redirige vers ton serveur Node sur 127.0.0.1:3001.

Creer le dossier du projet :

sudo mkdir -p /var/www/html/montchat
sudo chown -R $USER:www-data /var/www/html/montchat

Activer les modules proxy (HTTP + WebSocket) :

sudo a2enmod proxy proxy_http proxy_wstunnel headers rewrite
sudo systemctl restart apache2

Creer le VirtualHost :

sudo nano /etc/apache2/sites-available/montchat.conf

Colle (adapte ServerName) :

<VirtualHost *:80>
  ServerName chat.tondomaine.tld

  ProxyPreserveHost On
  RequestHeader set X-Forwarded-Proto "http"

  # WebSocket (Socket.IO)
  ProxyPass "/socket.io/"  "ws://127.0.0.1:3001/socket.io/"
  ProxyPassReverse "/socket.io/"  "ws://127.0.0.1:3001/socket.io/"

  # HTTP
  ProxyPass "/"  "http://127.0.0.1:3001/"
  ProxyPassReverse "/"  "http://127.0.0.1:3001/"

  ErrorLog ${APACHE_LOG_DIR}/montchat_error.log
  CustomLog ${APACHE_LOG_DIR}/montchat_access.log combined
</VirtualHost>

Activer le site + verifier la config :

sudo a2ensite montchat.conf
sudo apache2ctl configtest
sudo systemctl reload apache2

Option SSL (recommande) : avec Certbot/Let's Encrypt, tu pourras passer en HTTPS ensuite.

Important : cette etape utilise npm. Si Node/NPM n'est pas encore installe, fais l'etape 5 d'abord.

Installer mediasoup-client dans /var/www/html/mediasoup-client (comme attendu par le serveur) :

sudo mkdir -p /var/www/html/mediasoup-client
cd /var/www/html/mediasoup-client
sudo npm init -y
sudo npm i mediasoup-client

# Le chat charge /mediasoup-client/client/mediasoupclient.js
# On cree un lien "client/" qui pointe sur le bon dossier :
sudo ln -s node_modules/mediasoup-client/client client

Node modules du projet MontChat : ils seront installes apres avoir copie le zip (etape 6) :

cd /var/www/html/montchat
npm install

Paquets utiles : unzip, curl, build tools (certaines dependances en ont besoin).

sudo apt update
sudo apt install -y unzip curl ca-certificates gnupg build-essential

Node.js (recommande : LTS via NodeSource) :

curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt install -y nodejs
node -v
npm -v

Dependances du projet (dans /var/www/html/montchat) :

cd /var/www/html/montchat
npm install
# (Express + Socket.IO seront installes via package.json)

Principe : telecharge le zip fourni sur le site, copie-le sur le VPS, puis dezippe-le dans /var/www/html/montchat.

Exemple (copie depuis ton PC vers le VPS) :

scp monchat.zip deploy@IP_DU_VPS:/tmp/

Puis sur le VPS :

sudo rm -rf /var/www/html/montchat/*
sudo unzip /tmp/monchat.zip -d /var/www/html/montchat
sudo chown -R $USER:www-data /var/www/html/montchat

Astuce : si le zip contient deja un dossier "montchat/", adapte le chemin (ex: -d /var/www/html).

Mode simple (test) :

cd /var/www/html/montchat
npm install
PORT=3001 node server.js
# ou : npm start

Mode production (recommande) : PM2 (service qui relance en cas de crash, logs, etc.) :

sudo npm i -g pm2
cd /var/www/html/montchat

PORT=3001 pm2 start server.js --name montchat
pm2 save

# Demarrage automatique au reboot :
pm2 startup systemd -u $USER --hp $HOME
# (copie/colle ensuite la commande sudo affichee par PM2)

Commandes utiles :

pm2 status
pm2 logs montchat
pm2 restart montchat
pm2 stop montchat

Checklist :

• Ouvre http(s)://chat.tondomaine.tld et verifie que la page charge.
• Teste l'entree dans le chat + envoi de messages.
• Verifie les logs : pm2 logs montchat et /var/log/apache2/montchat_error.log.
• Si ta version inclut cameras/micro : verifie les permissions navigateur (HTTPS fortement recommande).

Si un point bloque, prends contact avec l'administrateur/support du site.