Comment installer WordPress avec CapRover

installer wordpress avec caprover

CapRover est un outil qui permet à la fois de gérer votre serveur Web et d’y déployer rapidement tout types d’applications. CapRover utilise Docker, une technologie permettant d’exécuter des logiciels à l’intérieur de conteneurs isolés. 

À l’aide de CapRover, il est possible de mettre en places des nouveaux sites Web par ligne de commande mais aussi via une interface Web. Que ce soit pour une application PHP, NodeJS, ou même un site WordPress, avec CapRover vous pouvez déployer un nouveau site en quelques secondes. Même pas besoin d’installer de certificat SSL sur votre site, CapRover s’en occupe pour vous.

Bref, CapRover est idéal pour les développeurs qui ne veulent pas gaspiller leur temps à déployer des environnements de travail pour chaque projet.

Dans ce tutoriel, nous verrons comment installer CapRover sur un serveur Ubuntu 19.04 pour ensuite y déployer un site WordPress.

Étape #1: Installation de CapRover

CapRover est simple à installer mais si le déploiement d’un serveur est une étape de trop pour vous, sachez qu’il est possible de déployer un serveur CapRover en quelques secondes grâce à DigitalOcean. D’autant plus, vous recevrez $50 de crédit pour essayer DigitalOcean si vous êtes un nouveau client.

Méthode #1: Installation avec DigitalOcean One-Click App

DigitalOcean vous permet de déployer un serveur Ubuntu 18.04 avec CapRover pré-installé. Pour procéder, connectez-vous à votre panneau de contrôle DigitalOcean. Cliquez sur le menu « Create » et sélectionnez « Droplets »:

digitalocean creation droplet

Cliquez ensuite l’onglet « Marketplace » et choisissez « CapRover 1.3.0 sur Ubuntu 18.04 »:

digitalocean marketplace caprover ubuntu

Défilez maintenant au bas de la page puis sélectionnez le type de serveur virtuel désiré. À mon avis, un serveur cloud avec 1 CPU et 1 GB suffit à installer CapRover. Notez qu’il est possible de rehausser votre serveur plus tard si jamais il traîne de la patte.

digitalocean serveur cloud standard

Spécifiez ensuite l’emplacement où vous souhaitez dépployer votre serveur cloud:

digitalocean droplet emplacement serveur

Entrez le nom d’hôte pour le nouveau serveur et cliquez sur « Create »:

digitalocean nom hote droplet

La création du Droplet prend quelques secondes tout au plus. Ajoutez ensuite l’adresse IP aux enregistrements DNS de votre nom de domaine:

adresse ip droplet

Vous recevrez un courriel incluant le mot de passe du compte « root » une fois le processus de création terminé.

Méthode #2: Installation manuelle

Si vous utilisez un autre fournisseur d’hébergement Web que DigitalOcean, voici comment installer CapRover.

Dans un premier temps, retirez toutes les anciennes composantes de Docker:

sudo apt remove -y docker docker.io docker-engine

Installez ensuite Docker:

sudo apt install -y docker.io

Activez et démarrez le service:

sudo systemctl enable docker
sudo systemctl start docker

Si le pare-feu de Ubuntu est activé, ouvrez les ports nécessaires:

sudo ufw allow 80,443,3000,996,7946,4789,2377/tcp;
sudo ufw allow 7946,4789,2377/udp;

Installez ensuite CapRover:

docker run -p 80:80 -p 443:443 -p 3000:3000 -v /var/run/docker.sock:/var/run/docker.sock -v /captain:/captain caprover/caprover

Étape #2: Ajout d’un enregistrement DNS

Ajoutez un enregistrement DNS à votre nom de domaine ainsi:

  • Type: A
  • Hôte: *.caprover
  • Pointe vers: [adresse IP de votre serveur]

L’enregistrement DNS ressemble à ceci:

enregistrement dns caprover

Vérifier ensuite que l’enregistrement DNS est bel et bien actif à l’aide de MXToolBox:

mxtoolbox dns lookup

Étape #3: Installation du client CapRover

Afin d’installer le client CapRover, vous aurez besoin de NPM:

sudo apt install -y npm
sudo npm install npm@latest -g
sudo npm install -g n

Vous pouvez maintenant installer le client de ligne de commande pour CapRover:

sudo npm install -g caprover

Étape #4: Configuration du serveur CapRover

Lancez l’assistant de configuration du serveur CapRover:

sudo caprover serversetup

Sélectionnez « Yes » lorsqu’on vous demande si CapRocker a déjà été installé:

Setup your CapRover server 

? Have you already installed CapRover on your server by running the following line: 
mkdir /captain && docker run -p 80:80 -p 443:443 -p 3000:3000 -v /var/run/docker.sock:/var/run/docker.sock caprover/caprover ? (Use arrow keys) 
❯ Yes  
 No 

Entrez ensuite l’adresse IP de votre serveur CapRover:

Setup your CapRover server 

? Have you already installed CapRover on your server by running the following line: 
mkdir /captain && docker run -p 80:80 -p 443:443 -p 3000:3000 -v /var/run/docker.sock:/var/run/docker.sock caprover/caprover ? Yes 
? Enter IP address of your CapRover server: 157.230.111.132

Saisissez maintenant le nom de domaine à l’étape #2. Si vous avez ajouté l’entrée « *.caprover.votredomaine.com », entrez alors « caprover.votredomaine.com »:

? Enter a root domain for this CapRover server. For example, enter test.yourdomain.com if you setup your DNS to point *.test.yourdomain.com to ip address of your server.
caprover.stephanebrault.com

Choisissez un mot de passe pour administrer CapRover suivi de votre adresse de courriel:

? Enter a new password (min 8 characters): [hidden] 
? Enter your new password again: [hidden] 
? Enter your 'valid' email address to enable HTTPS:  stephane@votredomaine.com

L’assistant d’installation procédera alors la génération du certificat SSL. Une fois la création du certificat terminée, entrez un nom pour identifier ce serveur CapRover:

? Enter a name for this CapRover machine: (captain-01)

L’installation de CapRover est terminée. Vous pouvez maintenant accédez à la console Web à l’adresse https://captain.caprover.votredomaine.com. 

caprover login

Utilisez le mot de passe spécifié lors de la configuration du serveur pour vous authentifier.

Étape #5: Déploiement d’un site WordPress

Depuis le panneau de contrôle de CapRover, sélectionnez « Apps » dans la colonne de gauche. Cliquez ensuite sur « One-Click Apps/Databases »:

caprover apps one-click apps database

Sélectionnez « wordpress » dans la liste puis cliquez sur « Next »:

caprover installation wordpress

Entrez maintenant les informations nécessaires pour créer le site WordPress. Notez que vous pouvez trouver la liste des versions de WordPress ici.

caprover wordpress setup

Cliquez sur « Deploy » pour lancer la création du site.

caprover wordpress app deploiement progres

Lorsque le déploiement est terminé, cliquez sur « Finish ». De retour à la liste des applications installées, notez qu’il y a maintenant deux applications installées: « wpdev-db » et « wpdev-wordpress ». La raison est que CapRover installe une première application pour le serveur MySQL et la base de données, et une seconde application pour le serveur Web.

Association d’un nom de domaine au site WordPress

Par défaut, vous pouvez accéder au nouveau site WordPress à l’adresse [nom app].caprover.votredomaine.com. Toutefois, si vous souhaitez utiliser un autre nom de domaine ou sous-domaine, vous devez connecter celui-ci à l’application CapRover.

Pour ce faire, cliquez sur le nom de l’application WordPress pour en modifier la configuration.

caprover apps parametres

Sous l’onglet « HTTP Settings », entrez le nom de domaine à associer à l’application et cliquez sur « Connect New Domain »:

caprover connection nouveau domaine application

Une fois le nouveau domaine associé à l’application, vous pouvez activer HTTPS si vous le souhaitez. De plus, vous pouvez protéger le site Web en activant l’authentification HTTP. Il suffit de cliquer sur « Edit HTTP Basic Auth »:

caprover authentification http

Entrez ensuite un nom d’utilisateur ainsi qu’un mot de passe:

caprover authentification http utilisateur mot de passe

Ainsi, tout accès au site WordPress sera restreint par l’authentification imposée au niveau du serveur Web.

Étape #6: Installation de phpMyAdmin avec CapRover

Les développeurs ont souvent besoin de phpMyAdmin pour accéder à la base de données. Voici comment l’installer à l’aide de CapRover.

Depuis le menu principal de CapRover, cliquez sur « Apps » puis ensuite sur « One-Click Apps/Databases ». Dans la liste des applications disponibles, sélectionnez « phpmyadmin » puis cliquez sur « Next ».

caprover installation phpmyadmin

Donnez un nom à l’application et cliquez sur « Deploy ».

caprover installation phpmyadmin deploiement

Après le déploiement, cliquez sur « Finish » pour revenir à la liste des applications déployées.

Portez attention ici à la colonne « Persistent Data ». Notez que les données sont persistantes pour les applications « wpdev-db » et « wpdev-wordpress ». Cela signifie que tout changement à ces applications sera conservé si le serveur est redémarré ou si le service Docker est redémarré. Toute application dont les données ne sont pas persistantes, tel que « phpmyadmin-wpdev », sera réinitialisée après un redémarrage.

caprover application persistent

Avant d’accéder à phpMyAdmin, vous devez connaître le nom de l’application MySQL interne à laquelle vous connecter. Cliquez sur l’application MySQL, « wpdev-db » en occurence, pour en connaître le nom:

caprover nom application interne

Sélectionnez ensuite l’onglet « App Configs » pour connaître le nom d’utilisateur et le mot de passe MySQL:

caprover mysql utilisateur mot de passe

Retournez à la liste des applications puis cliquez sur le lien pour ouvrir « phpmyadmin-dev ».  Utilisez les informations recueillies pour vous authentifier:

phpmyadmin authentification

En conclusion

En ce qui a trait à l’installation de sites WordPress exclusivement, CapRover est nettement supérieur à EasyEngine, qui est un outil similaire mais sans interface graphique. CapRover est d’ailleurs beaucoup plus flexible, et offre davantage de fonctions de gestion et sécurité.

Si vous souhaitez gérer un serveur Web de production avec CapRover, détrompez-vous: CapRover n’est pas conçu à cet effet. CapRover n’est pas une alternative à cPanel. Toutefois, si vous êtes webmestre, développeur, ou même designer Web, CapRover est outil que vous devez ajouter à votre coffre. 

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.