Globe
arrows
Fermer

projets récents

Comment bâtir un ordinateur de développeur WordPress sur Ubuntu

13.11.2021

par David Boissonnault

Comment bâtir un ordinateur de développeur WordPress sur Ubuntu

Une chose que je trouve longue et pénible, c’est de démarrer un ordinateur neuf.

Voici les choses auxquelles il faut penser lors de la configuration de ceux-ci:

  • Installer Ubuntu
  • Ajouter des applications
  • Configuration de base
  • Ajout des outils de développement
  • Ajout des « Packages » importants

Premièrement, il faut installer Ubuntu; de mon coté, je prends toujours la dernière version disponible, mais si vous avez besoin de plus de stabilité, vous pouvez y aller de la dernière version LTS. Ubuntu sort une version de son système d’exploitation chaque 6 mois en avril et en octobre (XX.04 et XX.10, où XX représente l’année), qui est supportée pendant environ 8 mois. Donc si vous voulez mettre à jour votre système tous les 6 mois, la dernière version est la meilleure dans votre cas. Vous bénéficierez ainsi des toutes dernières versions de chaque application. D’un autre coté, si vous désirez avoir plus de stabilité, les versions LTS (Long term support) sont plus stables mais restent pendant 2 ans sur les mêmes versions majeures de logiciels et package. Les versions LTS sont sorties aux années paires en avril, donc la dernière version LTS à ce jour est Ubuntu 20.04. Les versions LTS sont maintenues pendant 5 ans.

Bien sur, c’est Linux… donc si vous désirez bénéficier de plus de stabilité pour votre OS, mais tout de même passer, par exemple, à PHP8, il existe une multitude de tutoriels pour vous aider dans la mise à jour de votre setup. Par contre, lorsqu’on sort des sentiers battus, il existe des risques de briser votre installation.

Pour télécharger Ubuntu, cliquez ici

Une fois Ubuntu téléchargé, il faut suivre les instructions pour créer un disque de démarrage ici.

Script de configuration

Afin de vous simplifier la vie, j’ai créé un script complet de configuration, voici ce qui est inclus dans le script :

Les outils de développement :

  • terminator (le terminal d’ubuntu, mais en mieux!)
  • zsh + oh-my-zsh et le thème agnoster (comme bash, mais en mieux!)
  • Les fonts Microsoft (On le sait, votre designer vous dira que le texte est décalé de 3 pixels!)
  • curl
  • mysql (server et client)
  • php, avec les packages les plus utilisés
  • imagemagick
  • npm
  • composer
  • wp-cli
  • valet linux

Les applications :

  • Google Chrome
  • Discord
  • VS Code
  • Atom
  • Virtual Box (Oui oui, quelqu’un va finir par te sortir un bug qui arrive juste sur Edge!)

Les goodies :

  • Plusieurs packages pour Vue, php, JS et TypeScript déjà configurés dans ton Atom (Oui, je développe encore sur Atom, haha)
  • Des snippet de SASS et PHP pour wordpress dans ton Atom.
  • Un dock configuré à la osx.
  • Un user MySQL qui s’appelle stereo avec le mot de passe Abc123abC

Vous pouvez télécharger le script et l’exécuter de cette façon :

wget https://www.stereo.ca/ubuntu.sh
chmod +x ubuntu.sh
./ubuntu.sh

Ce qui te reste à faire ?

Tu peux vérifier si ton setup requiert des pilotes pour ta carte graphique ou ta carte Wifi qui ne sont pas opensource, dans ce cas tu devras les activer manuellement. Appuie sur le bouton « Super » et tape « Additional drivers ».

Connecte ton/tes comptes Google.

Change ton wallpaper (Pssst… J’en ai un beau pour toi ICI)

Transfère ou crée tes clé SSH pour le développement ainsi que la connexion à Bitbucket / Github / Gitlab.

Pour créer des clés SSH :

ssh-keygen

Si tu décides plutôt de copier tes clés SSH d’un autre ordinateur, assure toi de leurs droits d’accès; elles ne doivent pas être disponibles en lecture ou écriture des groupes ainsi que de « everyone »‘.

Comment on travaille avec ça ensuite?

Valet linux

Chez Stereo, on développe souvent avec WordPress + Bedrock et valet est l’outil le plus simple à utiliser pour développer localement et pousser le tout en ligne (avec git, bien sûr!).

Au lieu de devoir jouer dans les configurations pour créer un nouveau site de développement avec Valet, il suffit d’aller dans un dossier et de taper la commande suivante :

valet link exemple

Tu peux ensuite visiter http://exemple.test sans aucune autre configuration.

Tu as besoin de travailler en SSL ? Pas de problème. Dans le même dossier, tape la commande suivante :

valet secure exemple

C’est quoi cette magie de Valet ? Valet en fait est un mix de php, de nginx, ainsi que dnsmasq, qui gère les fichiers de configuration pour vous.

Il est à noter que valet est aussi disponible sur OSX.

Valet Linux Terminator Oh My Zsh WP-CLI