聊一下无前端WordPress(也就是国外常说的Headless WordPress)

文 / @UTHEME

无前端WordPress(Headless WorWordPress)是一种使用WordPress作为后端内容管理系统(CMS)为前端应用或网站提供内容的方法。这意味着,代替使用传统的WordPress主题和用户界面(UI)来显示内容和管理网站功能,将使用WordPress管理和存储内容,但前端使用单独的技术(如JavaScript框架或静态站点生成器)构建。无前端WordPress允许开发人员使用WordPress作为强大且灵活的内容管理系统,同时还可以为用户创建自定义前端体验。

20230102113627197

与其他WordPress技术不同的是,国内得益于大前端的风靡。无前端WordPress在国内的兴起时间也要比国外更早。

Headless WordPress如何工作?

WordPress还附带了一个名为WordPress REST API的API。

此API为开发人员提供了一个编程接口,以JSON格式访问WordPress网站数据。

在制作无头WordPress网站时,开发人员使用REST API从WordPress获取数据。之后,他们可以在他们的应用程序或其他前端技术(如 React.js、Angular.js、Faust.js 等中使用它来创建自定义网站。

在 WordPress 中编辑站点

您可以通过单击主页侧栏上的“在 WordPress 中编辑”按钮在您的 Strattic 环境中安装 WordPress 。

这将启动 WordPress 并将您重定向到典型的 WordPress 设置工作流程。

20230102113626902
无外设 WordPress

完成这些步骤并提供您在每个步骤中所需的信息。然后,系统会要求您登录管理仪表板。您可以在那里创建帖子和页面、安装插件和主题,以及管理您的网站,就像在普通 WordPress 设置中一样。

使用无外设 WordPress 的好处

传统的 WordPress 受到非技术用户的青睐,因为它不需要任何编码知识。但是对于想要更多自由和更好的开发人员体验的有经验的开发人员来说,WordPress 可能不会削减它。

如果您是这些开发人员中的一员,您可能需要考虑将 WordPress 与前端分离。让我们回顾一下它的一些主要优点。

支持更多工具、框架和库

使用香草 WordPress,您不得不坚持使用堆栈中内置的技术。这种架构阻碍了您集成您可能更有经验的工具和库。

相比之下,无外设 WordPress 与技术无关,因此它可以与更广泛的库和工具集集成。您可以使用您最喜欢的 JavaScript 前端框架和工具堆栈构建网站,甚至可以将其集成到现有工作流程中,而不会牺牲您已经构建的内容。

更好的速度和性能

WordPress 是围绕 PHP 构建的。由于每个页面都是根据保存在数据库中的数据生成的,因此它们的加载速度比使用 HTML 文件创建的静态网站慢。当等式中包含插件时,网站会变得更加缓慢。

如您所知,无外设 WordPress 的工作原理是预先生成 HTML 并将其缓存在世界各地的 CDN 服务器中。此设置显着提高了您网站的交付速度。此外,您可以将后端与 Next.js 或 Gatsby 前端集成,以享受服务器端渲染和开箱即用的 seo 选项等性能优势。

更好的安全性

香草 WordPress 是黑客的一个巨大游乐场。事实上,黑客只需访问您网站的/wp-login.php文件即可执行暴力攻击或使用 DDoS 攻击使您的网站过载。

另一方面,具有无外设架构的站点不易受到此类攻击。WordPress 不再用于输出数据,因此困扰 WordPress 的相同漏洞不再适用。

此外,无外设 WordPress 的 API 优先设置允许您添加网络安全服务和工具来抵御任何其他形式的攻击。

结论

使用无外设方法,您可以获得巨大的性能提升和架构自由度。另一方面,如果您是新手开发人员或非技术人员,您必须应对可能难以处理的复杂情况。

Headless WordPress 绝不会取代传统的 WordPress。对于拥有必要的开发团队并希望调整其平台或服务以服务器新用例的企业而言,它更像是一种选择。

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。