Le flux de développement parfait WordPress avec Git & SSH

Matthias Held Mis à jour le 21.10.2020
9 Min.
Workflow DEV
Dernière mise à jour le 21.10.2020

Vous vous êtes peut-être demandé : "Comment publier mon site WordPress web" ou "Quelle est la meilleure façon de mettre mon WordPress site en ligne ? En tant que développeur en herbe - ou en tant qu'agence cherchant à améliorer vos performances - vous seriez certainement consterné par le flot de résultats de recherche (obsolètes) sur Stack Overflow et Google. C'est pourquoi, dans cet article, je vous présenterai un processus de déploiement éprouvé qui vous permet de faire passer votre WordPress site d'un dispositif local à un serveur. Allons-y pour les SSH ! 

Qu'est-ce que les sciences humaines ?

SSH (abréviation de "Secure Shell") est une méthode de connexion à un système ou un serveur utilisant l'interface de ligne de commande (CLI). En d'autres termes, avec les sciences humaines, vous ne perdez pas de temps à passer d'une interface utilisateur à l'autre pour transférer vos données. 

Pourquoi les sciences humaines sont-elles si cool ?

Une fois que vous avez mis en place SSH, vous n'avez plus besoin de glisser et déposer des fichiers. Cela permet de réduire le nombre d'erreurs et d'accélérer le temps de fonctionnement.

À qui s'adressent les sciences humaines ?

Les sciences humaines peuvent être utilisées par des équipes de développement de tout niveau et de toute taille. SSH est un moyen très sûr et rapide de modifier votre projet et de publier les modifications. Surtout si vous travaillez sur des projets de grande envergure, vous rendrez votre flux de travail beaucoup plus efficace avec les sciences humaines.

Par exemple, lorsqu'il est utilisé avec Git, vous pouvez mettre tout votre travail dans un seul dépôt et l'amener sur votre serveur, et travailler sur un projet en équipe - sans avoir à déplacer les fichiers.

Pourquoi utiliser les sciences humaines ?

La raison pour laquelle les sciences humaines sont utilisées varie selon l'application. Les sciences humaines sont principalement utilisées pour ces raisons :

  • Les SSH sont en sécurité,
  • rapidement et
  • peut être automatisé !

Et comme si cela ne suffisait pas pour vous : vous pouvez également relier SSH au système de contrôle de version de Git. Si vous avez besoin de revenir sur votre développement en raison d'un bogue ou d'une défaillance de fonctionnalité, c'est facile : un retour en arrière est effectué directement à partir de votre dépôt GitHub.

Utiliser les sciences humaines en tant que développeur junior ?

Quiconque aborde le sujet des sciences humaines peut rapidement se sentir dépassé, car à première vue, le système semble extrêmement complexe. Mais ne vous inquiétez pas : ce tutoriel vous guidera à travers toutes les étapes importantes. Comme vous le savez peut-être, une expérience pratique dans le développement avec Git et SSH est très précieuse - et constitue une norme industrielle de nos jours.

Pourquoi une agence utiliserait-elle les sciences humaines ?

Outre les avantages en termes de gain de temps et de contrôle des versions déjà mentionnés, SSH vous permet de vous connecter en toute sécurité à votre serveur depuis n'importe quel appareil sur lequel votre clé SSH est installée. 

Ne pas être lié à un dispositif spécifique signifie la liberté de localisation. 

Premiers pas avec les sciences humaines

RAIDBOXES vous propose un plan d'hébergement pour le développement gratuit de vos WordPress projets : le Programme de développement GRATUIT. Donc si vous voulez pratiquer les sciences humaines, vous êtes sur la bonne voie.

Le vôtre RAIDBOXES BOX est l'endroit où vous hébergerez votre WordPress site. Cependant, vous ne pourrez pas pousser vos engagements directement. Il s'agit d'un élément de sécurité de RAIDBOXES , qui garantit que le vôtre BOX reste sûr. Vous devez plutôt faire appel à un fournisseur tiers pour gérer votre pension avec git pull dans le vôtreBOX . J'ai utilisé GitHub pour ce tutoriel. Bien sûr, vous pouvez utiliser un autre service - le processus est assez similaire.

J'ai visualisé pour vous ici une fois comment le processus fonctionne exactement : 

développement de wordpress

Si vous avez déjà...

  • Git installé sur votre appareil,
  • génère des clés SSH et 
  • ajouté votre clé publique SSH à GitHub 

puis passez directement à l'étape 4 : Configurez votre clé SSH dansRAIDBOXES

Étape 1 : Vérifiez que vous avez installé Git

Vous pouvez facilement vérifier si Git est installé sur l'appareil que vous utilisez : Ouvrez votre outil de ligne de commande (Windows) ou votre terminal (Mac) et tapez la commande suivante : 

ssh-13

git version

Si vous voyez un numéro de version, Git est installé sur votre appareil. 

ssh-7

Si vous obtenez un message d'erreur, vous pouvez Installez Git ici. (Vous devrez peut-être mettre à jour Git si vous utilisez une ancienne version)

Étape 2 : Configurez vos clés SSH

Vérifiez s'il existe des clés SSH :

Les clés SSH sont nécessaires pour établir une connexion sécurisée à GitHub et RAIDBOXES sur une connexion SSH. Si vous n'êtes pas sûr d'avoir déjà généré des clés SSH, vous pouvez généralement les trouver de cette façon :

  1. Ouvrez le Git Bash
  2. Entrez la commande suivante

ls -al ~/.ssh

Si vous avez des clés SSH, vous obtiendrez une sortie avec les noms correspondants : 

ssh-6

Les clés SSH se trouvent généralement dans le répertoire racine des appareils de vos utilisateurs. Consultez le répertoire :

C:\Users\\.ssh

Vous pouvez trouver plus de détails sur les clés SSH dans le les documents officiels de GitHub.

Générer de nouvelles clés SSH :

Il existe plusieurs façons de créer des clés SSH. Je vous recommande d'utiliser le Documentation de GitHub Docs - vous y trouverez le manuel pour Windows, Mac et Linux.

Étape 3 : Ajoutez votre clé SSH à GitHub

Comme condition préalable à la promotion de votre développement local sur GitHub, vous devez ajouter votre clé SSH à GitHub. Suivez le documentation officielle de GitHub

Vous pouvez vérifier si vous avez correctement configuré la clé SSH en : 

Étape 4 : Configurez votre clé SSH dansRAIDBOXES

RAIDBOXES vous permet de vous connecter à votre serveur via une connexion SSH. Vous devez d'abord enregistrer la clé SSH dans l'interface utilisateur graphique (GUI). 

Pour ce faire, connectez-vous au RAIDBOXES tableau de bord. Sélectionnez BOX celui auquel vous souhaitez vous connecter via SSH :

ssh-5

Allez dans Paramètres > SSH :

ssh-8

Activez SSH en cliquant sur le bouton "Off" pour l'activer et sélectionnez les paramètres SSH :

ssh-15

Préparez votre clé SSH (voir l'étape 2). RAIDBOXES exige que vous entriez votre clé SSH publique. 

Allez dans le répertoire de votre ordinateur local qui contient vos clés SSH :

C:\Users\Admin\.ssh

Ouvrir le dossier id_rsa.pub. Copiez tout le contenu du fichier - y compris le "ssh-rsa" au début - et collez-le dans le champ SSH : 

ssh-10

Cliquez sur Sauvegarder et retournez à votre BOX tableau de bord. 

Dans la section SSH, vous trouverez vos données d'accès pour la connexion avec RAIDBOXES via SSH. Vous avez besoin des données d'accès suivantes : 

  • Nom d'utilisateur, 
  • Coordonnées de l'hôte et 
  • la phrase de passe SSH que vous avez créée pour votre clé SSH (voir étape 2) 
Le flux de développement parfait WordPress  avec Git & SSH

Ouvrez Git Bash (Windows) ou Terminal (Mac). La commande pour se connecter via SSH est

ssh @

Un exemple avec mon compte fictif serait 

ssh wp@XXXXXX.myraidbox.de

ssh-1

Vous serez alors invité à saisir votre phrase de passe SSH. Saisissez-le - et bienvenue dans votre RAIDBOXES BOX arborescence de fichiers ! 

Si vous recevez un message d'avertissement indiquant que la connexion est inconnue (il s'agit de la première connexion), vous pouvez procéder comme suit

  • Tapez oui,
  • finir Git Bash,
  • ouvrir à nouveau Git Bash et
  • entrez à nouveau les détails de votre conflit SSH. 
ssh-2

Étape 5 : La RAIDBOXES structure du répertoire

Comme indiqué dans l'écran d'accueil de la connexion SSH à votre RAIDBOXES BOX compte, votre répertoire préinstallé WordPress se trouve dans /home/wp/disk/wordpress. Votre répertoire de travail actuel lorsque vous vous connectez pour la première fois via SSH est home/wp

Dans ce répertoire, vous n'avez pas les autorisations nécessaires pour lancer Git et commencer votre projet avec git pull à télécharger - vous ne le voudriez pas non plus. 

Allez dans votre dossier de travail : 

À partir de ce répertoire, vous pouvez modifier les bases de votre WordPress site : Si vous utilisez ls (liste) dans la console, on vous montrera votre arborescence de fichiers typique WordPress : 

ssh-9

Étape 6 : Initialisation de Git inRAIDBOXES

Modifier les annuaires dans wp-content/themes et créer un répertoire. Ici, vous initialisez Git et vous tirez de GitHub celui que vous avez développé Theme localement. 

cd wp-content/themes

mkdir

cd

git init

Une autre caractéristique intéressante de RAIDBOXES : Git est déjà installé sur le serveur - tout comme le WordPress CLI (WP-CLI). Enfin, vous allez maintenant faire entrer votre dépôt GitHub dans l'arborescence de RAIDBOXES WordPress fichiers. 

RAIDBOXES Toutefois, pour votre BOX sécurité, ne vous permettez pas git push directement de votre appareil local à votre guichet automatique. Au lieu de cela, vous le tirez d'un service comme GitHub. 

(Si vous avez déjà poussé votre projet de développement local sur GitHub, veuillez continuer avec l'étape 8).

Étape 7 : Téléchargez votre local Theme sur GitHub

Depuis votre appareil local, naviguez jusqu'au dossier où aTheme été créée votre personnalisationWordPress . Ensuite, initialisez Git en le faisant fonctionner sur votre terminal :

git init

ssh-11

Créez votre repo sur GitHub et ajoutez-le en tant que remote à votre développement personnalisé. Pour obtenir des instructions sur la création d'un dépôt GitHub, veuillez lire cette documentation.

ssh-14

Lorsque vous créez une mise en pension, vous pouvez choisir entre le public et le privé. Pour les travaux contractuels, il est préférable de choisir le privé. Notez que vous serez invité à ajouter votre nom d'utilisateur et votre mot de passe GitHub (et non votre phrase de passe SSH) lorsque vous utiliserez le git push ou git pull ...pour vous faire sortir.

Ajoutez votre repo GitHub en tant que télécommande pour utiliser le git push à utiliser : 

git remote add

Comme dans cet exemple : 

git remote add gitHub
https://github.com/XXXXXXXXX/customWordpressTheme.git

Ajoutez vos fichiers, transférez-les et poussez-les vers votre dépôt à distance : 

git add *
git commit -m ''
git push -u

(Si vous n'êtes pas sûr du nom de votre télécommande, lancez la commande git remote -v éteint. Vous y trouverez tous les noms des dépôts à distance).

$ git push -u gitHub master

Fantastique ! Le vôtre est maintenant en Theme ligne et prêt à être versé dans le vôtreBOX . 

Étape 8 : Charger votre Theme entrée RAIDBOXES

Tout comme vous ajoutez votre dépôt GitHub en tant que dépôt distant (vous pouvez donc pousser le vôtre Theme dans GitHub), nous allons ajouter GitHub en tant que dépôt distant et le Theme retirer du dépôt GitHub. 

Ouvrez le terminal Git Bash où vous avez RAIDBOXES connecté SSH. Assurez-vous que vous êtes dans le même répertoire que votre WordPress -Themedossier où vous avez initialisé Git (voir étape 6). 

Par exemple :

home/wp/disk/wordpress/wp-content/themes

Maintenant, vous ajoutez votre repo GitHub comme une télécommande. 

Vous pouvez trouver l'adresse à distance dans GitHub : 

ssh-3

Ajoutez la télécommande : 

git remote add

git remote add gitHub https://github.com/XXXXXX/customWordpressTheme.git

Retirez la mise en pension de GitHub maintenant :

Veuillez noter : Branch est très probablement appelé ici "Master". Sauf si vous l'avez modifié ou si vous travaillez dans une autre branche de GitHub.

git pull

git pull gitHub master

Si le dépôt est privé...

... il vous sera demandé votre nom d'utilisateur et votre mot de passe GitHub, et non votre phrase de passe.

Étape 9 : Activez votre Theme

Félicitations ! La dernière étape consiste à activer votre WordPress -Theme activer. Seulement, pourquoi quitter le terminal pour cela ? RAIDBOXES WordPress CLI est déjà installé. Avec quelques lignes de code, vous vous épargnez le tracas de cliquer dans l'interface WordPress utilisateur. 

Exécutez cette commande dans le terminal : 

wp theme activate

Pour un aperçu complet des commandes que vous pouvez utiliser avec leWP-CLI la documentation officielle de WordPress.

Si vous préférez l'assurance-chômage, vous pouvez accéder à tous les vôtres à Themes partir de votre RAIDBOXES BOXtableau de bord. Vous pouvez les trouver sous le point de navigation Plugins &Themesamp; Themes:

ssh-4

Conclusion

Si vous recherchez un moyen rapide, sûr et efficace de développer et de maintenir votre WordPress site, l'utilisation de Git et de SSH est la solution. Croyez-moi, vous vous demanderez bientôt comment vous avez pu supporter un autre flux de travail ! 

Mais chacun travaille à son propre rythme et a des préférences individuelles en ce qui concerne le bon déroulement des opérations. Je vous recommande en tout cas de donner une chance aux sciences humaines - et de suivre les étapes décrites. On ne sait jamais : peut-être êtes-vous absolument ravi et ne voudrez-vous jamais manquer ce flux de travail ! 

Merci de le lire. J'espère que cet article vous a aidé à mettre en place un flux de travail adapté qui vous facilitera la vie lorsque vous travaillerez avec CustomThemes . Commencer aujourd'hui et profitez pleinement du RAIDBOXES - tableau de bord ! 

Quelles questions avez-vous pour Matthias ?

N'hésitez pas à utiliser la fonction de commentaire. Vous voulez être informé des nouveaux articles et des conseils sur le thème du WordPress développement ? Alors suivez-nous sur TwitterFacebook ou sur notre Newsletter.

Matthias est le Chaos Calmer de RAIDBOXES. En tant que développeur de thèmes et de plugins, orateur aux WordCamps et contributeur actif de la communauté, il est régulièrement présent aux WordCamps et à d'autres événements sur le thème de WordPress. Il est toujours prêt pour un casse-croûte. Quand il n'est pas dans les parages, il a des chats sur les genoux.

Articles connexes

Commentaires sur cet article

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .