Podcast premiquesto: la montée de WordPress sans tête

Ou passer mon rôle au moteur WP contre ceux qui vont passer à WordPress. Le WP Engine est donc conscient qu’il s’agit d’un projet important. WordPress moderne. Par conséquent, le moteur WP que je suis ici aujourd’hui reste principalement dédié à WP Graph QL et à son écosystème immédiat, car je développe actuellement WP Graph QL pour des champs personnalisés avancés, une extension que je maintiens pour connecter les deux mondes. Mais oui, mon travail principal est de présenter l’écosystème QL de WP Graph immédiatement et ensuite de travailler avec d’autres équipes de WP Engine qui se concentrent sur WordPress sans tête et les aident. Tout ce que vous savez, c’est naviguer dans l’eau et faire du travail une expérience WordPress sans tête pour tous.
DV: Super. Vous pouvez continuer à travailler là – Bas pour WP – graph – QL, et je sais que beaucoup de gens en dépendent, et c’est bon de savoir que vous développez ces extensions, en particulier avec ACF là – Bas. Cela peut toutefois ne pas être familier à ceux qui écoutent. Qu’est – ce que WordPress sans tête? JB: Oui, donc WordPress sans tête est l’endroit où vous utilisez WordPress. C’est un système de gestion de contenu où les utilisateurs peuvent accéder et gérer les données. Mais vous utiliserez les données et vous les rendrez à un niveau différent de celui des thèmes WordPress intégrés. Donc l’exemple très commun est facile à comprendre et je pense que c’est comme une application iOS Native qui a besoin de données de WordPress. Comme il n’y a pas de couche de thème PHP dans l’iPhone ou Android, les données doivent être fournies d’une autre manière. Ainsi, cela se fait généralement par l’intermédiaire d’une API comme l’api WordPress rest ou, dans mon cas, lorsque Flash est utilisé, il y a maintenant une API RPC XML ou un graphique Web QL. Par conséquent, s’il vous plaît traiter votre contenu séparément de votre présentation et permettre le traitement des données à différents niveaux de présentation, peut être une application iOS ou plus de tendances
Plus important encore, les applications JavaScript comme React ou view, notre cadre JavaScript peut extraire des données de WordPress et les générer. Nous avons des applications locales. Vous pouvez également obtenir des données de WordPress et lire des nouvelles ou d’autres contenus comme une application vocale comme Alexa skills.
DV: il y a eu beaucoup d’interviews sur headless au fil des ans, et j’ai eu l’impression que tout le monde avec qui j’ai parlé, y compris off – air et tout le monde, se sentait comme ça quand ils ont entendu WordPress headless penser à découpler JavaScript. Mais vous pouvez en parler dans une autre lentille frontale de rendu. Enfin, Notez que l’application IOS, peut – être que vous pouvez faire tourner l’horloge de l’application flash à l’envers, mais vous trouvez que les gens pensent généralement qu’il s’agit d’une méthode JavaScript découplée. JB: Oui, je pense, je pense, étant donné les pensées de beaucoup de gens, ils sont synonymes. Je pense qu’il y a clairement un JavaScript très populaire en ce moment. Je veux dire, ça fait longtemps. Donc, oui, beaucoup de gens pensent dans leur tête qu’ils sont synonymes, en grande partie, dans un sens, ils sont synonymes, mais c’est plus large que ça. Par exemple, lorsque j’ai lancé WP – graph – QL, notre premier cas d’utilisation était de partager le contenu d’une installation WordPress avec de nombreuses autres installations WordPress. Donc C’est en fait une communication PHP à PHP, mais nous avons juste besoin de données, et nous ne l’avons pas fait. Nous avons simplement besoin d’accéder aux données via des outils autres que l’installation WordPress, et non de les gérer. Donc je pense que c’est, oui, c’est le terme le plus large, mais j’ai vu beaucoup de gens penser que ça veut dire, Oh, utiliser ça pour exprimer une réaction, ou utiliser ça pour exprimer Gatsby ou quelque chose comme ça.
DV: Oui, j’ai trouvé beaucoup de gens familiers avec cette route parce qu’ils ont besoin de rendre WordPress extensible. Et, vous savez, ne réalisez pas que si vous ne coupez que les parties de rendu, vous les avez
Une fois que cela devient intéressant, c’est essentiellement un WordPress sans tête, par exemple, comment en savoir plus sur le concept ou l’implémentation qui peut faciliter l’accès aux parties découplées du Javascript, Parce qu’il s’agit en fait d’une extension à l’utilisation des nouvelles technologies, les développeurs WordPress pourront utiliser les nouvelles technologies tout au long de leur carrière WordPress.
JB: Je tiens aussi à souligner que ce n’est pas nécessairement une chose complète, pas vrai, par exemple, vous pouvez encore utiliser une partie de wordpress pour faire des choses, ou d’autres choses pour faire d’autres choses, comme des applications iOS Natives, comme obtenir des journaux où j’ai travaillé, nous utilisons des niveaux de thème WordPress sur des sites word word ordinaires, mais nous avons aussi nos propres applications IOS, Nous avons donc le rendu Web de WordPress. Nous avons des applications iOS qui reçoivent des données de l’API. Ensuite, nous avons une équipe d’entrepôt de données distincte qui reçoit également les données de l’API. Donc, nous utilisons aussi le contenu pour l’impression, donc nous avons tous ces différents moteurs de rendu, et WordPress lui – même en fait partie.
DV: Nous avons besoin d’un mot pour cela, comme Hydra ou quelque chose avec tant de têtes. C’est un concept très intéressant, parce que beaucoup de gens ont leurs propres hypothèses sur ce qu’il signifie, et certains d’entre eux semblent étranges et donc familiers avec lui. Mais si vous regardez les types de composants de base, c’est très similaire à ce que les gens font depuis longtemps. Je vous remercie pour cet aperçu très utile. J’aimerais maintenant approfondir quelques – uns des avantages offerts par WordPress sans tête, mais nous allons faire une pause et revenir tout de suite. DV: Bonjour et bienvenue au podcast de la communauté WordPress wmr. Nous interviewons Jason bahl sur headless WordPress, et Jason juste avant la pause, vous avez expliqué ce que c’est que headless WordPress et, d’ailleurs, beaucoup de contextes différents l’aiment. Alors…
Je voudrais maintenant parler d’une raison, peut – être plus encore, dans le sens du découplage du Javascript, mais comme les avantages offerts par WordPress sans tête.
JB: Oui, donc, oui, quand nous parlons des avantages de WordPress sans tête, je pense, je pense que vous pouvez bénéficier de la séparation des préoccupations, donc si vous séparez les données de la présentation, je pense qu’elle profitera davantage, en particulier aux développeurs, mais si vous pouvez vous concentrer sur l’entrée, vous n’avez pas à vous soucier de la façon dont elle sera présentée. Je pense que cela libère le processus créatif de création de contenu. Ensuite, pour les développeurs, il leur permet d’utiliser les données gérées dans WordPress de différentes façons, sans restriction, je pense, pour apprécier le moteur de modèle WordPress lui – même. Il y a d’autres situations déjà mentionnées sur les appareils mobiles, mais dans certains cas, wordpress ne peut pas être utilisé comme une application native, donc vous devez obtenir des données de l’api afin que les développeurs et les éditeurs de contenu puissent séparer le contenu de la présentation. À mon avis, il permet aux créateurs de contenu d’utiliser CMS, qui est probablement déjà familier avec 40% du Web publié aujourd’hui par WordPress. Il permet aux développeurs de choisir les outils qu’ils veulent utiliser afin qu’ils puissent choisir la technologie frontale ou autre chose qu’ils veulent ou qu’ils veulent utiliser, qu’il s’agisse d’outils de réaction, d’outils de visualisation ou de WordPress et PHP ou d’autres outils. Ensuite, une force motrice importante derrière cela, en particulier le mouvement Javascript, est la performance et la sécurité. Ainsi, en séparant WordPress du CMS de l’avant (par exemple Gatsby), Max peut obtenir des données de WordPress et créer des pages statiques réparties sur le CDN. Par conséquent, lorsque l’utilisateur final visite votre site, vous n’obtenez pas une seconde réponse de la page, car il n’y a pas d’interaz
– Oui. Puis changez au fur et à mesure que l’application change. Tout ce que vous avez à faire est d’éditer les composants, les styles, les exigences en matière de données et les étiquettes en un seul endroit. Si vous ressemblez à la plupart des sites WordPress qui existent depuis plus de six mois, vérifiez CSS, faites défiler, vous trouverez beaucoup d’étiquettes importantes dans CSS, parce que vos étiquettes changent avec le temps, vous connaissez tous vos autres changements, avec le temps, il est difficile de nettoyer votre dette technique parce que vous êtes inquiet que vous avez séparé la technologie de vos soucis. Par conséquent, la séparation des données des balises vous permet de tirer parti de l’architecture fondée sur les composants. Désolé, ma femme a des suggestions. JB: Oui, donc la séparation des données de la couche de présentation vous permet d’utiliser une architecture basée sur des composants qui peut être réalisée efficacement dans WordPress via des modèles PHP. Il s’agit donc d’une grande chose, et si vous adoptez une architecture basée sur les composants, alors la technologie sera nettoyée pendant le processus de construction. Et puis, oui, la sortie du CD est terminée. Oui, cela peut être fait dans WordPress. Je sais que je pense qu’il y a une stratégie pour le faire, et d’autres hôtes peuvent le faire là où la page entière est mise en cache, mais il n’y a aucun moyen d’optimiser une page pour distribuer des pages WordPress sur CDN, comme cela a été fait pour optimiser les ressources d’une page, Cependant, pour une page particulière, le javascript requis pour le CSS que vous téléchargez peut ne pas être nécessaire, auquel cas la méthode de découplage fera passer vos choses à travers un outil de compilateur qui ne contient que les styles requis pour chaque page spécifique, seulement le javascript requis pour chaque page spécifique, donc lorsqu’il est servi Par CDN. En général, ce sont des fichiers beaucoup plus petits et les utilisateurs doivent attendre pour télécharger DV: Je me souviens que depuis le premier jour de mon crime, Internet
WordPress interne lui – même ou des solutions tierces telles que Wp Graph QL. Oui. D’accord. Tout comme les organisations cherchent à adopter cette approche. Je me demande juste, très vite, s’ils commencent à construire comme des blocs de Gutenberg, s’ils ont appris à réagir, est – ce parce qu’il les aide à commencer à construire ces applications de rendu de réponse, ou est – ce parce que si loin, ce n’est qu’un énorme voyage d’apprentissage JavaScript et une réponse rapide. JB: Oui, je pense que oui, l’expérience de grimberg peut être très utile, elle ne se traduit pas nécessairement parfaitement, mais l’expérience de l’utilisation de React, des composants et de la gestion de l’état se traduit très bien. DV: OK, vous vous souvenez que Matt Mullenweg a demandé à tout le monde d’apprendre le javascript à fond. JB: Oui, j’étais à l’intérieur, j’étais dans ma chambre ce jour – là. Oh, à Philadelphie, tu es drôle. Tu te souviens du nombre de personnes. C’est toi qui l’as poursuivi quand il a dit ça? JB: possible DV: vous et Zach Gordon êtes probablement les seuls à aimer Yeah, Yeah. C’est très intéressant. D’accord, mon pote. En fait, j’ai beaucoup d’autres questions, mais on va faire une pause et revenir. DV: Bonjour tout le monde et bienvenue à la presse sur wmr ce podcast de la communauté WordPress. Nous interviewons Jason bahl sur headless WordPress, Jason juste avant la pause, vous nous avez fourni un outil et une expérience de synthèse rapide que les gens doivent commencer à construire headless merci. Le WP – graph – QL a également été mentionné plusieurs fois et peut – être que vous ne nous avez pas donné beaucoup de détails. Alors, qu’est – ce que WP – graph – QL et pourquoi vous avez récemment doublé votre prix. JB: Oui. Qu’est – ce que WP – graph – QL? Il s’agit d’un plugin wordpress open source gratuit qui convertit n’importe quel site WordPress en un serveur graph – QL. Cela signifie que votre site se verra attribuer un paramètre GRA.
PH QL et votre site. Com Slash Graph QL, et vous pouvez ensuite demander à ce paramètre de spécifier les données que vous souhaitez obtenir de l’API. Tout comme rest, vous faites des demandes à l’API et obtenez des réponses json qui diffèrent de ce que vous spécifiez pour interagir avec l’API QL graphique, vous devez spécifier exactement les données à extraire rest vous dites que je veux atteindre ce paramètre, et tout ce que le serveur me donne. Je dois être d’accord avec l’emplacement du graphique QL que vous avez spécifié à l’avance, exactement ce que vous voulez, afin que vous puissiez interroger les messages et le titre des messages, vous obtiendrez la réponse exacte, ou vous pouvez également suivre les références, donc vous dites que je veux une liste des messages avec le titre, je veux aussi le nom de l’auteur et de l’auteur, et peut – être aussi les cinq derniers messages de l’auteur. Ainsi, vous pouvez tout faire en une seule demande et spécifier exactement ce que vous voulez. Il résoudra le problème en faisant la même chose, c’est – à – dire que vous devriez cliquer sur le message terminal et retourner une charge json qui inclura l’id de l’auteur et sera suffisante pour faire une demande pour obtenir tous les auteurs des 10 messages qu’il vient de recevoir, donc vous devez attendre et ensuite envoyer Une autre demande pour obtenir le message le plus récent de chaque auteur. Il impose donc un lourd fardeau aux développeurs d’applications qui interagissent avec l’API, où Graph QL offre plus de liberté et de contrôle et permet un transfert beaucoup moins important de données du serveur au client. C’est la prochaine génération de DV: Oui, comme une façon de le décrire, imaginez quelqu’un qui aime écouter ce podcast maintenant, qui aime ses multitâches, et qui écrit un script d’analyse pour quelques réponses API rest, qui est comme une dispersion aléatoire de leur \
Copiato. Oui, JB: Oui, le premier cas d’utilisation que j’ai mentionné précédemment, notre premier cas d’utilisation est de fédérer le contenu du serveur PHP vers d’autres serveurs PHP. C’est en partie parce que la quantité de données que nous envoyons par câble est douloureuse, et nous devons faire plusieurs allers – retours pour obtenir toutes les données, comme lorsque vous postez un billet de blog. Vous n’êtes pas seulement un co – poster, vous avez également un co – auteur, un post et une terminologie, ainsi que le langage de catégorisation et les médias associés. Il y a donc une grande variété d’aller – retour sur le Web, et nous utilisons ras ou Graph QL, et nous pouvons spécifier exactement ce dont nous avons besoin et faire des demandes, ce qui facilitera le processus de développement parce qu’ils font des demandes et sont très clairs, donc même après six mois, ce qui rend quelque chose inopérant. Il clarifie ce dont nous avons besoin, donc nous pouvons le découvrir avec le reste, comme si quelque chose avait changé à un paramètre donné. Il est difficile de savoir ce qu’il y avait avant parce que l’entraîneur a dit: \
Faisons le tour et partageons nos biens. DV: Oui, bien sûr, c’est une bonne nouvelle, et c’est bon d’entendre ça, ça ressemble, vous savez, avec ça, avec ce genre d’adoption. L’avenir est brillant, et je suis heureux que vous preniez à nouveau le temps d’étudier WP – graph – QL, et je sais que beaucoup de gens comptent sur cette solution. Jason, merci beaucoup de vous joindre à nous aujourd’hui. JB: Oui, bien sûr. DV: fantastique. Si vous souhaitez en savoir plus sur ce que fait Jason, vous pouvez visiter MVP Graph QL comm ou voir l’équipe sans tête assise sur WP Engine to WP Engine comm Ford Slash Atlas. Merci d’avoir écouté le podcast de la communauté WordPress sur M. W. Voici le sondage de votre invité David Vogel, je soutiens le moteur WP, et je regrette que mon rôle dans le moteur WP ait laissé la communauté WordPress, et j’aime amener les meilleures personnes de la communauté ici chaque semaine.