Configuration d'un environnement de développement WordPress

Commencer le développement d'un nouveau site Web nécessite une planification minutieuse. Par exemple, vous voudrez décider comment aborder l'étape « en construction » du projet. Vous devrez probablement empêcher les visiteurs potentiels de voir votre site Web lorsqu'il est encore en cours de création.

C'est là que les environnements de développement peuvent être utiles. Ce type d'environnement vous donne un endroit pour faire tout le travail de conception et de programmation sur votre nouveau site, sans que personne ne le voie accidentellement. Ensuite, vous pouvez le mettre en ligne lorsqu'il est entièrement prêt.

Dans cet article, nous allons examiner deux types différents d'environnements de développement. Nous vous montrerons également comment démarrer avec les deux options. Si vous êtes prêt, allons-y !

Environnements de développement locaux ou distants

Il existe deux principaux types d'environnements de développement que vous voudrez peut-être explorer lors de la création d'un site Web WordPress. Gardez à l'esprit que, que vous choisissiez d'utiliser un environnement local ou distant pour le développement, les deux nécessiteront tous les logiciels dont WordPress a besoin pour fonctionner correctement. Cela inclut les applications de base de données et les bibliothèques de code, par exemple.

Développer localement signifie que tous vos fichiers de plugins et de thèmes WordPress seront stockés sur votre propre machine, avec les fichiers principaux de WordPress. Vous pourrez visualiser votre travail de développement dans un navigateur, comme si vous accédiez à un site Web sur Internet. Cependant, les fichiers seront appelés depuis votre ordinateur, au lieu du serveur d'hébergement de votre site.

Un environnement de développement à distance est essentiellement la même chose, mais tous ces fichiers de site Web importants seront stockés et récupérés à partir d'un emplacement distant. Cela signifie que vous devrez configurer ou acheter de l'espace de stockage. Contrairement à l'hébergement de site Web classique, cet emplacement de fichier distant ne sera accessible qu'à vous ou à votre équipe.

L'un des principaux avantages de l'utilisation du développement local pour WordPress est que vous n'avez pas besoin d'être connecté à Internet pour travailler sur votre site Web. Bien que le développement à distance nécessite une connexion, c'est le meilleur choix si vous souhaitez avoir la possibilité d'accéder à votre travail à partir de n'importe quel ordinateur.

Avantages d'un environnement de développement à distance

Comme nous l'avons mentionné, un environnement de développement à distance vous permet d'accéder à vos projets de n'importe où. Vous n'avez même pas besoin d'utiliser un ordinateur spécifique pour faire votre travail - tout ce dont vous avez besoin est une connexion à Internet et vos informations de connexion.

En outre, vous pourrez peut-être implémenter des fonctionnalités de contrôle de version, selon l'application d'environnement distant que vous décidez d'utiliser. Cela signifie que vous êtes moins susceptible de rencontrer des problèmes lorsque vous développez avec une équipe.

Comment configurer un environnement de développement à distance

La mise en place d'un environnement de développement à distance peut être un peu plus complexe que la création d'un environnement local. Cela étant dit, ce n'est en aucun cas hors de portée. Il existe plusieurs options en ce qui concerne les environnements distants, et beaucoup sont livrés avec tous les outils dont vous aurez besoin dès la sortie de la boîte.

Étape 1 : Choisissez et configurez une application de développement à distance

Il existe un certain nombre d'outils de développement à distance que vous pouvez utiliser. Ce que vous recherchez, c'est un espace de stockage virtuel où vous pouvez stocker tous les fichiers et applications de votre site Web, ainsi que les logiciels nécessaires au fonctionnement de votre site Web. C'est là que vous pouvez passer par chacune de vos étapes de développement, sans pousser le site vers un statut de production en direct jusqu'à ce que vous soyez prêt.

Pour ce faire, vous pouvez utiliser un produit comme DigitalOcean ou Visual Studio.

Ceux-ci diffèrent dans ce qu'ils offrent, mais accomplissent finalement la même tâche. Par exemple, avec Visual Studio Code, vous obtenez un éditeur de code sophistiqué qui devient un environnement de développement grâce à votre choix d'extensions distantes.

Vous pouvez également utiliser Amazon Elastic Compute Cloud (Amazon EC2) pour le développement à distance.

Vous pouvez également consulter nos propres environnements de développement dédiés. Une fois que vous avez sélectionné votre environnement virtuel ou votre solution basée sur le cloud, vous devez vous assurer qu'il est configuré pour prendre en charge le développement WordPress.

Étape 2 : Installez tous les outils et plugins nécessaires

Quel que soit l'environnement de développement à distance que vous choisissez, il existe une pile spécifique d'applications dont vous aurez besoin pour configurer WordPress. Ceux-ci inclus:

• Linux . C'est le système d'exploitation (OS) qui est idéalement nécessaire pour exécuter WordPress. Nous entrerons dans les détails plus tard lorsque nous parlerons des environnements de développement locaux, mais il suffit de dire que si les trois éléments suivants sont en place, ils peuvent tout aussi bien fonctionner avec d'autres systèmes d'exploitation comme Mac et Windows.
• Apache . Avec un site Web en direct, la couche du serveur Web est l'endroit où les demandes du navigateur sont satisfaites et renvoyées aux utilisateurs de votre site Web. Dans un environnement de développement, cela est également vrai. La seule différence est que votre serveur ne pointe pas vers un domaine actif.
• MySQL . MySQL est la solution de base de données la plus populaire et la plus gratuite. Ceci est essentiel pour votre environnement de développement WordPress, car c'est là que toutes les données dont votre site Web a besoin sont stockées.
• PHP . Tous les autres éléments de la pile ont besoin d'une "voix", et c'est là que PHP entre en jeu. Le préprocesseur hypertexte (PHP) est un langage nécessaire au fonctionnement de WordPress.

Ces applications sont appelées « pile LAMP » et peuvent être ajoutées à des environnements de développement distants de plusieurs façons. Par exemple, si vous utilisez DigitalOcean, vous travaillerez avec Droplets pour créer la pile LAMP pour WordPress.

Si vous utilisez Amazon EC2, la configuration du développement WordPress est un peu plus manuelle, mais peut toujours être effectuée en cinq minutes environ.

Quel que soit l'environnement que vous choisissez, vous aurez besoin de la pile LAMP pour démarrer votre développement WordPress. Heureusement, de nombreuses options de développement à distance sont fournies avec LAMP en tant qu'option d'installation facile, ce qui vous permet d'économiser beaucoup de temps et d'ennuis.

Étape 3 : Accédez à votre environnement

Le moyen le plus courant d'accéder à votre environnement de développement est via un Secure Shell (SSH). C'est ainsi que vous pouvez vous connecter à votre serveur depuis n'importe quel ordinateur et tirer parti de l'aspect "à distance" de cette approche du développement WordPress.

Les spécificités de votre connexion dépendront du produit que vous choisissez. Par exemple, ici chez WP Engine, nous avons une option de passerelle SSH pour les développeurs.

Avantages d'un environnement de développement local

L'un des principaux avantages de l'utilisation d'un environnement de développement local est que vous n'avez pas besoin d'être connecté à Internet pour y accéder. Vous pouvez travailler sur votre site de n'importe où et vous ne serez pas gêné par des problèmes de connectivité.

De plus, le développement local vous permet de travailler dans un environnement plus sécurisé. Vous serez en mesure de garder vos projets vraiment secrets jusqu'à ce que vous soyez prêt à être mis en ligne.

Configuration d'un environnement WordPress local

La configuration d'un environnement WordPress local est assez simple. Il existe plusieurs applications de développement local, telles que Local by Flywheel, qui rendent le processus de configuration incroyablement facile.

Gardez à l'esprit que le développement local pour WordPress nécessite toujours une pile LAMP. Cependant, certaines solutions utiliseront à la place des termes tels que WAMP ou MAMP, car elles sont conçues pour être utilisées avec Windows ou Mac OS plutôt que Linux.

Étape 1 : Choisissez et configurez votre application de développement local

Il existe plusieurs excellentes applications de développement local parmi lesquelles choisir. Nous avons déjà mentionné Local by Flywheel, mais Varying Vagrant Vagrants (VVV) est un autre outil de développement local recommandé par WordPress à considérer. Si vous avez déjà un plan ici chez WP Engine, vous pouvez également consulter Local pour une solution de développement local.

Une fois que vous avez configuré la solution choisie, vous pourrez commencer le développement à partir de zéro ou importer un site Web existant sur lequel travailler. Par exemple, avec Local by Flywheel, vous pouvez utiliser un fichier .zip de votre site Web téléchargé pour commencer. Si vous partez de zéro et que vous concevez un nouveau site Web, la plupart des applications locales disposent de solutions d'installation en un clic pour configurer l'environnement à utiliser avec WordPress.

Étape 2 : Sélectionnez un éditeur de texte

Une fois votre environnement local configuré, vous devrez choisir un éditeur de texte. C'est ici que vous modifierez et déboguerez votre code WordPress. Ces solutions vont des simples applications de texte aux interfaces améliorées avec des outils intégrés pour optimiser votre flux de travail.

WordPress propose des éditeurs de texte recommandés pour le développement, notamment Atom, Sublime Text et PhpStorm. Il existe également d'autres options, vous voudrez donc travailler avec ce qui est le plus confortable et adapté à votre flux de travail existant.

Étape 3 : Choisissez un navigateur Web convivial pour les développeurs

Étant donné que vous continuerez à afficher vos projets développés localement dans un navigateur Web, il est recommandé d'utiliser un navigateur orienté vers les développeurs. Chrome et Firefox sont des navigateurs incroyablement populaires qui sont fournis avec des kits d'outils de développement utiles. Cela peut vous aider à déboguer plus facilement les problèmes et à optimiser votre développement Web.

Développez quelque chose d'incroyable avec WP Engine

Le développement Web peut prendre de nombreuses formes et formes. Que vous travailliez avec un environnement local ou distant, le fait de disposer des meilleures ressources de développement à portée de main peut vous aider à rationaliser votre flux de travail.

Découvrez nos plans WordPress et nos solutions de développement, et laissez-nous vous aider à créer quelque chose d'incroyable !