Appuyez sur ceci: N'ayez pas peur, c'est juste WordPress sans tête avec Fran Agulto

Bienvenue sur Press This, le podcast de la communauté WordPress de WMR. Chaque épisode présente des invités de toute la communauté et des discussions sur les plus grands problèmes auxquels sont confrontés les développeurs WordPress. Ce qui suit est une transcription de l' enregistrement original.

Propulsé par RedCircle

Doc Pop : Vous écoutez Press This, un podcast communautaire WordPress sur WMR. Chaque semaine, nous mettons en lumière les membres de la communauté WordPress. Je suis votre hôte, Doc Pop, je soutiens la communauté WordPress à travers mon rôle chez WP Engine et mes contributions sur TorqueMag.io. Vous pouvez vous abonner à Press This sur Red Circle, iTunes, Spotify, ou vous pouvez télécharger des épisodes directement sur wmr.fm.

Headless WordPress est un sujet important sur la scène WordPress ces jours-ci. Mais beaucoup de gens comme moi pourraient encore être un peu effrayés quand nous entendons le terme sans tête. Et pas seulement parce que c'est près d'Halloween et que ça nous fait peur. Je pense qu'il est temps de surmonter cette peur. J'ai donc demandé à Fran Agulto, Developer Advocate chez WP Engine, de m'aider à comprendre les avantages et les inconvénients du headless. Fran, comment vas-tu aujourd'hui ?

Fran Agulto : Oh Doc, merci de m'avoir invité. Et oui, vous avez raison c'est Halloween mais nous n'aurons pas peur car le Cavalier sans tête est là. Oui, je vais très bien aujourd'hui. Merci.

DP : Génial. Vous savez, je vais commencer si vous pouviez juste nous dire quelle est votre histoire d'origine WordPress ? Comment êtes-vous entré dans cet espace ?

FA : Excellente question. En fait, mon histoire d'origine WordPress passe par WP Engine. Lorsque j'ai commencé à chercher un emploi dans la technologie, je n'avais aucune expérience en codage. En fait, je n'avais touché qu'un seul site WordPress une fois dans ma vie et c'était à l'université. Et je faisais juste un changement en essayant d'entrer dans la technologie.

Eh bien, WP Engine recrutait des représentants commerciaux. J'ai donc rejoint WP Engine du côté des ventes avec WordPress et non du côté technique au départ.

Voilà donc mon histoire d'origine. J'ai traversé WP Engine du côté des ventes et vous savez grâce à leur formation ici chez WP Engine, si vous êtes plus du côté des ventes et du marketing, ils vous donnent tout le genre de baratin sur ce qu'est WordPress en tant que CMS et en tant que système de gestion, si vous voulez.

DP : Ouais. Et donc vous et moi parlions au WordCamp US à San Diego, et je sais que sans tête est une grande chose pour vous. Quel est votre rôle actuel chez WP Engine et comment ce genre de lien est-il lié à WordPress sans tête ?

FA : Oui, c'est donc une bonne question. Mon rôle actuel ici est Developer Advocate, Level Two, dans l'équipe de relations avec les développeurs sans tête ici chez WP Engine, et il est lié à WordPress sans tête. Avec l'équipe des relations avec les développeurs de WP Engine, il y a deux côtés de la maison, Doc.

Il y a le côté WordPress traditionnel de la maison que la plupart des utilisateurs de WordPress connaissent, sinon tous. Et puis il y a le côté sans tête de la maison, que je défends de mon côté. Et c'est ce que je fais. J'écris essentiellement des articles techniques sur des articles de blog et des vidéos YouTube sur le codage et sur la façon de ne pas avoir peur, si vous voulez, comme vous le disiez dans votre introduction sur l'adaptation de cette méthodologie.

DP: Eh bien, vous savez, nous parlons d'avoir peur et nous allons essayer de garder cela, vous savez, honnête et de parler des avantages et des inconvénients de sans tête. Je suppose que commençons par les avantages du headless via WordPress. Qu'est-ce qui vous vient à l'esprit lorsque vous pensez à ceux-ci?

FA : Ouais, donc il y a en fait trois principaux points positifs ou avantages si vous voulez, Doc, sur la raison pour laquelle les gens, les organisations, les petites et moyennes entreprises, les agences, vont et adaptent WordPress sans tête. La première chose est la vitesse. Droit? Parce que du point de vue de l'expérience utilisateur, tout le monde sait dans le développement Web que si vous avez un site lent, devinez ce qu'il va rebondir, vos utilisateurs. Bye Bye. Donc, vous savez, vous voulez ces sites super rapides et rapides qui offrent essentiellement une excellente expérience utilisateur et ces Google Core Web Vitals.

C'est l'un des avantages de WordPress sans tête, c'est au lieu d'un mécanisme de rendu côté serveur monolithique et traditionnel de WordPress, c'est ce que WordPress fait à chaque demande. Lorsque vous êtes un utilisateur visitant un site, cela prend un aller-retour. Il va au serveur, le PHP exécute le code, puis renvoie le code HTML au navigateur pour que vous puissiez le consommer. Maintenant, encore une fois, vous pouvez accélérer WordPress traditionnel, mais à la base du côté sans tête prêt à l'emploi, lorsque vous découplez WordPress et que vous le consommez simplement comme une couche API et que vous avez des fichiers statiques sur des données CDN déjà pré-construites, c'est rapide .

C'est le premier pro, Doc, et le second est la sécurité. Et la raison en est que lorsque vous découplez une application Web ou un site Web, il n'est pas nécessaire que WordPress soit sans tête, votre back-end est masqué. Droit? La plupart des gens qui connaissent la technologie et qui pourraient être en mesure de déchiffrer si vous utilisez WordPress ne sauront même pas si vous utilisez WordPress à moins que vous n'exposiez vos variables d'environnement dans votre référentiel.

Et puis la deuxième chose, pourquoi c'est plus sûr parce que la surface d'attaque est bien moindre, essentiellement, parce que lorsque vous découplez, vous êtes sur un framework frontal qui est maintenant responsable au lieu du PHP de rendre le HTML dans le navigateur, et c'est juste une surface d'attaque inférieure parce qu'il y a tellement de malice que vous pouvez faire dans un navigateur.

Et puis le troisième et dernier, est essentiellement la pérennité de votre pile technologique. Ce que je veux dire par là, c'est qu'avec WordPress sans tête, lorsque vous découplez votre pile technologique, vous adoptez ce qu'on appelle l'approche ou la méthodologie de développement pilotée par l'API. Et de cette façon, comme il est beaucoup plus facile non seulement que vos utilisateurs accèdent à votre site Web ou à votre application Web via un navigateur de bureau, mais un kiosque, un écran dans une Tesla, une application mobile, il est simplement beaucoup plus facile de consommer ces données WordPress, puis jetez-le sur n'importe quel type de nœud similaire que votre utilisateur va utiliser. Voilà donc les avantages.

DP : Ok, ouais, c'est intéressant. Maintenant, il y en a quelques-uns qui me viennent à l'esprit et je n'ai pas de site sans tête, je n'ai pas expérimenté le sans tête, j'utilise WordPress. Vous pouvez me dire si c'est vrai. Eh bien, tout d'abord, la gestion de contenu si vous utilisez WordPress et que vous utilisez un headless, vous pouvez le pointer vers n'importe quelle application Web ou tout ce que vous voulez faire. Ce côté de la gestion de contenu étant pré-construit, vous savez avec WordPress doit être super fluide. N'importe qui, quelle que soit sa connaissance de l'utilisation d'un site Web ou de la création d'un site Web, pourrait très facilement entrer. Les mêmes avantages que WordPress en général. Ils peuvent écrire leur article de blog et le publier très facilement, n'est-ce pas ?

FA : C'est en fait 100 % correct. Oui. Vous avez cloué, vous avez cloué ça. Ouais. Dans un résumé, Doc, vous l'avez cloué. Ouais.

DP : Et puis je suppose que d'autres choses qui me viennent à l'esprit que vous n'avez pas mentionnées, c'était un peu comme vérifier pour voir, il semble que si vous construisez WordPress sans tête, je me trompe peut-être à ce sujet mais il semble que vous va avoir beaucoup d'outils à cause de tous les plugins que les gens ont mis à disposition, que vous pourrez intégrer, à moins qu'il y ait une raison pour laquelle vous ne pouvez pas le faire avec headless. Mais il semble que vous pourriez probablement obtenir beaucoup de plugins SEO ou autre. Et très rapidement, tout l'écosystème WordPress est à portée de main, même si vous construisez sans tête, ça vous va ?

FA : L'un des inconvénients réels de WordPress sans tête est du côté WordPress, Doc. Surtout les plugins, évidemment, qui rendraient ou manipuleraient ou changeraient votre frontal. Vous pouvez oublier cela. Cela ne fonctionnera pas sans tête. Et, en fait, je dirais que la plupart des plugins WordPress ne fonctionnent pas dans un sens sans tête.

Ce que vous allez devoir utiliser pour avoir une parodie ou une comparaison, ce qu'est un plugin pour le développeur WordPress traditionnel dans l'écosystème frontal de Node JS et des frameworks comme React, Vue Angular, vous avez des packages NPM, qui signifie node directeur chargé d'emballage. Et si vous êtes un développeur WordPress, ce sont les plugins de l'écosystème frontal auxquels vous devrez vous habituer et utiliser.

DP : Vous savez, je pense que c'est un bon endroit pour s'arrêter une minute. Nous allons faire une petite pause et quand nous reviendrons, nous parlerons avec Fran Agulto des avantages, et nous reviendrons et nous parlerons des inconvénients de WordPress sans tête. Vous écoutez Press This.

DP : Vous écoutez Press This, un podcast de la communauté WordPress sur WMR. Cette semaine, nous parlons à Fran Agulto, Developer Advocate chez WP Engine. Nous parlons des avantages et des inconvénients de headless et pourquoi vous devriez ou ne devriez pas avoir peur de WordPress sans tête.

Jusqu'à présent, nous avons couvert les avantages qui se chargent simplement plus rapidement. Vous dites que WordPress sans tête est juste super accrocheur. La sécurité, ne pas préciser sur quoi le site est construit ? Vous n'obtenez pas de pirates informatiques, aucune de ces informations, c'est en quelque sorte juste de face.

L'épreuve du futur. J'ai mentionné la gestion de contenu, puis nous sommes entrés dans les inconvénients et vous disiez simplement que la plupart des plugins ne fonctionnent pas. Statistiquement parlant, vous dites simplement que vous pensez que la plupart des plugins WordPress ne fonctionneront probablement pas avec le headless et je suppose que c'est parce que la plupart de ces plugins sont probablement conçus avec des changements similaires.

FA : Oui, c'est 100 % exact. Oui. Le fait est que si un plugin au sens traditionnel de WordPress est conçu pour apporter une sorte de modification à l'interface, cela ne fonctionnera pas car l'idée est que vous avez découplé l'interface pour que cela se casse. Cela cassera dans WordPress traditionnel, ou dans WordPress sans tête, excusez-moi.

Cependant, Doc, voici le truc, n'importe quel plugin WordPress qui ne fait que quelque chose sur le backend. Droit? Par exemple, Doc, je suis sûr que vous connaissez les champs personnalisés avancés, qui vous aident à créer des types de contenu personnalisés. Et il y a Yoast SEO pour WPGraphQL qui est un plugin WordPress sans tête. Ces choses fonctionnent parce que les gens ont écrit du code PHP pour étendre ces plugins afin de pouvoir être intégrés avec une approche sans tête, si cela a du sens.

DP : Ouais. Parlons donc d'autres inconvénients de faire WordPress sans tête.

FA : Oh, ouais, il y en a beaucoup. [rires]

DP : Ah bon, d'accord. [Rires] Eh bien, nous avons environ sept minutes. Quel genre de chose vient à l'esprit, quel est peut-être le plus gros escroquerie que quelqu'un pense à devenir sans tête, il ne veut peut-être pas le faire à cause de cet escroquerie ?

FA : Ouais, voilà le truc, mec, je te dis. J'étais au WordCamp US, en fait, je vous ai rencontré là-bas, Doc, et je parlais à beaucoup de gens qui sont venus me poser cette question au hasard. Le fait est que, à la base, et pourquoi il a été inventé, WordPress est si simple, c'est WYSIWYG, "Ce que vous voyez est ce que vous obtenez." Droit? Et je dois vous dire, ma mère et ma propre sœur, elles savent utiliser WordPress. Ma mère n'est pas technique du tout. Mais elle sait comment entrer dans l'administration WP et écrire simplement du contenu dans un bloc. Et elle dit, "Oh, regarde, c'est en direct sur une URL."

Le principal problème ou inconvénient, si vous voulez, est la courbe d'apprentissage et la barrière à l'entrée de cette approche, honnêtement. Parce que tout d'abord, vous devrez être averti et maîtriser JavaScript. C'est le numéro un. D'accord, cela nécessite un codage.

DP : Oh. Mon cœur bat. [rire]

FA : Doc, faites-moi confiance lorsque je me suis inscrit pour la première fois à mon camp d'entraînement JavaScript, mon cœur battait à tout rompre dans ma poitrine. C'est donc la première chose. C'est la première et principale chose qui est l'inconvénient de cette chose, c'est qu'il n'y a pas seulement une dette technique que vous allez accumuler parce que si vous ne le savez pas, vous allez devoir payer un développeur JavaScript maintenant pour maintenez votre blog WordPress si vous êtes sans tête, n'est-ce pas. Si vous utilisez WooCommerce en tant qu'entreprise et que vous voulez y aller sans tête, vous allez devoir envisager de vous procurer une équipe maintenant, qui peut coder en JavaScript si vous ne le pouvez pas, c'est le principal. C'est le principal.

La deuxième chose, le principal inconvénient, est l'écart ou le pont entre, et je pense que certaines de ces choses que nous résolvons actuellement chez WP Engine, ce qui est génial. Et je ne dis pas seulement ça. J'adore WP Engine, je travaille ici mais je peux choisir où je veux travailler. Nous résolvons le problème du fait que lorsque vous avez une équipe marketing ou un éditeur de contenu dans votre organisation, ou quoi que ce soit pour lequel vous utilisez WordPress, ils ont l'habitude d'aller dans WordPress, dans l'éditeur de blocs, d'écrire vers le bas du contenu, en tapant du contenu, en appuyant sur ce bouton d'aperçu pour qu'il puisse voir à quoi il va ressembler en direct sur l'URL, ou en appuyant simplement sur publier et en le voyant en direct.

Malheureusement, ce n'est pas le cas dans WordPress sans tête. Vous devez également configurer et manipuler les éléments que WP Engine résout dès le départ. Pour que ce pont, si vous voulez, Doc, fonctionne. Ainsi, les éditeurs de contenu seront plus familiarisés avec le flux de travail. Parce que c'est un flux de travail découplé sans tête, si vous voulez, lorsque vous vous détachez comme ça. Ce sont donc les deux principaux inconvénients de celui-ci. C'est la complexité, et puis vous devez essentiellement embaucher des codeurs. Et puis devinez quoi, ce à quoi vous êtes habitué sur le WYSIWYG doit être configuré et il y a des choses que vous devez câbler maintenant afin de reproduire cela.

DP : Donc, je pense que ce que j'entends, c'est que lorsque je vais sur mon site WordPress et que je fais un changement, j'appuie sur l'actualisation, ou quoi que ce soit, je vais sur le site Web, j'appuie sur l'actualisation, et ce changement est là. Et avec headless traditionnellement, vous devrez faire quelques étapes de plus que simplement appuyer sur rafraîchir. C'est ce que vous dites ?

FA : 100 % Oui, c'est 100 % correct. Ouais. Ouais.

DP : Et vous mentionnez ce que vous travaillez avec WP Engine. Je suppose que c'est Atlas ?

FA : Oui, c'est Atlas. Corriger. C'est la prise éhontée, tout le monde. Mais c'est ce à quoi je faisais référence, c'est la façon dont WP Engine résout ce problème. Nous avons essentiellement pris le labeur du développeur, j'aimerais l'appeler, du pain steak d'avoir à câbler tout cela dont je viens de vous parler, Doc.

Alors maintenant, si je suis un développeur et que mon entreprise ou mon équipe ou que je suis dans une agence et que l'agence dit : « Fran, tu dois coder ce site. Le propriétaire du site veut utiliser WordPress comme CMS, mais il veut rester sans tête pour les pros.

Avec la plate-forme Atlas, Doc, en deux ou trois clics, vous êtes configuré et cela permet à cet éditeur de contenu de dire "Oh mec, wow. Je peux cliquer sur Aperçu ou Publier. Et ce sont essentiellement les mêmes flux de travail que ceux que j'utilisais dans un sens WordPress traditionnel. Mais maintenant c'est sans tête. Et je n'ai même pas besoin de le savoir. Parce que c'est essentiellement une parodie. C'est le même flux. C'est ce que WP Engine a résolu.

DP : Et récapitulons une fois de plus les avantages et les inconvénients. Nous avons donc dit que les pros chargent plus rapidement la sécurité, la pérennité, la gestion du contenu sera plus facile.

Les inconvénients, il semble que la plupart des plugins ne fonctionneront probablement pas, vous n'aurez donc pas nécessairement l'écosystème complet, mais vous en aurez des parties. Et aussi, juste au sens large, si vous construisez un site WordPress sans tête, alors il y a de fortes chances que vous deviez connaître JavaScript, vous devrez savoir comment faire, une fois que vous l'aurez créé contenu, comment aimer pousser cela pour qu'il soit mis en ligne. Ce n'est pas seulement un processus en un clic et c'est en quelque sorte en direct.

FA : 100 % Oui, vous devez essentiellement accéder à une ligne de commande, un terminal, vous devez vous occuper des référentiels et vérifier les branches. Ouais. Il y a donc une courbe d'apprentissage complexe.

DP : Eh bien, je pense que c'est un bon endroit pour faire une pause. Et quand nous reviendrons, nous parlerons de la façon de surmonter ces peurs, si vous en avez. Si vous voulez faire du WordPress sans tête, comment les surmonter. Et vous savez, c'est un peu la fin de cet épisode, alors restez à l'écoute pour en savoir plus avec Fran Agulto.

DP : Vous écoutez Press This, un podcast de la communauté WordPress sur WMR. Chaque semaine, nous mettons en lumière les membres de la communauté WordPress et cette semaine, nous parlons à Fran Agulto, développeur avocat chez WP Engine, de WordPress sans tête, ce qui sonne bien car c'est un peu le moment de l'année pour avoir peur. Et tu sais, avant le spectacle, Fran, toi et moi parlions d'escalade. Et je suis juste un peu curieux, comme avec l'escalade, aviez-vous peur des hauteurs quand vous avez commencé ?

FA : Oh, je veux dire, oui je l'étais. J'avais définitivement une peur des hauteurs plus que saine, Doc, disons simplement.

DP : Une peur saine, ouais. Et je me demande juste s'il y a des leçons là-bas. C'est peut-être un étirement. Y a-t-il des leçons à tirer sur ce que vous avez ressenti et comment vous l'avez surmonté avec la façon dont certaines personnes pourraient être nerveuses. Ils ont probablement une application qui serait, vous le savez, ils devraient probablement faire du WordPress sans tête, mais ils sont juste nerveux à l'idée de faire ce saut. Quels croisements avez-vous comme, vos journées d'escalade que vous pourriez apporter.

FA : oui, c'est en fait une bonne analogie, si vous voulez. Voici la chose, à droite. En fin de compte, la plupart des peurs, je pense, Doc, et cela concerne le développement Web, l'escalade, c'est pourquoi c'est une bonne analogie ou même, être marié ou avoir des enfants, quoi que vous fassiez dans la vie . La peur est principalement due à l'inconnu et à la méconnaissance. Les humains ont peur des choses qui ne leur sont pas familières.

Mais devinez quoi ? Cette peur diminue, plus vous êtes habitué à quelque chose, alors prenons du recul ici. WordPress. Doc, vous êtes dans le jeu WordPress depuis plus longtemps que moi. Je veux dire, je travaille avec WordPress depuis quatre ans maintenant. Depuis combien de temps êtes-vous dans le jeu WordPress ?

DP : Comme quatre ans en un mois. [rire]

FA : Oh quatre ans et un mois. Donc nous sommes quittes.

DP : Non, j'ai un mois d'avance ! [Rires} Non, je pense que ça fait 12 ans que je travaille avec des entreprises WordPress et des trucs comme ça.

FA : D'accord.

DP : Alors oui, ça fait un moment.

FA : Alors voilà le truc. La raison pour laquelle c'est le CMS le plus apprécié et c'est comme si je ne connaissais pas 35 à 40% d'Internet. Je ne suis pas resté pour l'état de WordPress de Matt Mullenweg au WordCamp, j'ai été occupé. Mais WordPress est énorme. Et il y a une raison à cela. Il est sorti tôt et s'est familiarisé avec sa facilité d'utilisation. D'accord, donc les gens sont à l'aise avec ça.

La parodie que je veux faire avec l'escalade, c'est que j'en avais peur parce qu'évidemment les hauteurs sont les hauteurs. Mais si vous comprenez la protection que vous avez lorsque vous faites de l'escalade, cela atténue cette peur parce que vous êtes habitué à un certain débit. Et c'est exactement comme ça que je suis entré et que j'y suis resté, en plaidant pour WordPress sans tête et en passant ce camp d'entraînement JavaScript pour être honnête parce que chaque jour était effrayant. Je me dis, est-ce que mon code va casser aujourd'hui ? Et qu'est-ce que je fais même avec ça? Mais c'est le truc, non ?

Est-ce du point de vue de l'adaptation, et c'est pourquoi WP Engine est tellement investi dans ce domaine, car en fin de compte, avec le développement Web et Internet, l'avenir est un développement piloté par l'API découplé. Et nous ne voulons pas que WordPress soit une technologie séculaire que personne n'utilise plus. Nous voulons l'apporter avec le soi-disant jamstack, si vous voulez, qui est un mot à la mode technologique, mais cela signifie le balisage de l'API JavaScript. À la fin de la journée. Cela signifie simplement que vous avez un point de terminaison API, qui est dans ce cas, WordPress. Et puis nous allons consommer ces données de WordPress sur le frontal que vous souhaitez utiliser.

Maintenant, du point de vue du flux, je pense, Doc, honnêtement, surtout avec ce que fait WP Engine et comment les gens l'adaptent. Une fois que cela gagne du terrain, notre équipe des relations avec les développeurs aide à réduire la barrière à l'entrée et à rendre les gens plus actifs à ce sujet, et à comprendre exactement dans quoi ils s'embarquent. Et, encore une fois, ce n'est pas pour tout le monde, mais à votre avis, si c'est quelque chose qui est nécessaire, si c'est comme, oh mon dieu, en termes de diagnostic, votre site devrait être un site WordPress sans tête. Oui, il y a définitivement une normalité que vous devez avoir pour atténuer cette peur.

DP : Absolument. Eh bien, nous avons parlé avec Fran Agulto, Developer Advocate chez WP Engine aujourd'hui à propos de headless et ce fut une excellente conversation. Si vous souhaitez suivre et en savoir plus sur ce sur quoi Fran travaille, vous pouvez le suivre sur Twitter, @fran_the_dev.

Prochains épisodes de Press This, nous allons parler à Nev Harris la semaine prochaine pour parler de la façon de protéger votre agence WordPress contre la récession. Merci d'avoir écouté le podcast de la communauté Press This WordPress sur WMR. Vous pouvez suivre mes aventures avec le magazine Torque sur Twitter @thetorquemag ou vous pouvez aller sur torquemag.io où nous contribuons chaque jour à des tutoriels, des vidéos et des interviews comme celle-ci. Alors consultez torquemag.io ou suivez-nous sur Twitter. Vous pouvez vous abonner à Press This sur Red Circle, iTunes, Spotify, ou vous pouvez le télécharger directement sur wmr.fm chaque semaine. Je suis votre hôte Doctor Popular Je soutiens la communauté WordPress grâce à mon rôle chez WP Engine. Et j'adore mettre en lumière les membres de la communauté chaque semaine sur Press This.