写点什么

展示 Postlight 的 WordPress + React Starter Kit

  • 2022 年 6 月 01 日
  • 本文字数:1901 字

    阅读完需:约 6 分钟

认识 Post light 的 WordPress + React Starter Kit,这是一个免费的、从零到神的工具箱,适用于需要在自己的 PC 上轻松评估 Headless WordPress 的建筑师和物品爱好者。


这个入门单元会在两个阶段启动一个带有响应前端的 WordPress 后端,与 WP REST 编程接口进行对话。要使用它,请克隆保管库。第一个订单在你的 PC 上引入并启动 WordPress,第二个订单开始一个为响应前端提供服务的周期。从那时起,你就可以开始从自己的 WordPress 站点引入信息,并根据自己的需要更改后端和前端。


Post light 在前一年左右为我们的客户发送了一些带有响应前端的 Headless WordPress 企业,我们厌倦了不断重复底层的跑腿工作。此入门包将设置 Headless 的所有手动步骤计算机化。我们在内部使用它来开始新的 WordPress 任务,并且我们使它变得足够常规,你也可以这样做。

商业案例:为什么选择 Headless WordPress?

在我们与不同客户的合作中,我们看到了一些情况、业务原因和项目先决条件,这些情况使带有响应前端的 WordPress 后端成为好兆头。


你的文章组知道并喜欢 WordPress,但是你的项目和技术组需要利用当今的网络改进工具和标准来构建站点或潜在的可移植应用程序。


你需要将网站的前端与后端隔离开来,以解耦你的基础的基础部分,并使其更强大和适应性强。


你需要 WordPress 网站的前端快速且用途广泛。(很大程度上取决于你的具体设计,但从叙述上讲,我们看到在将前端推进到 Respond 之后,客户站点的反应时间大幅下降。)


你的项目和设计团队需要将前端开发归零并解决对你的业务明确的新问题,并影响 WordPress 目前提供的所有内容。


你的内容并非都存在于 WordPress 上。你的网站或应用程序需要与一些 API 进行对话,你的 WordPress 内容只是其中之一,而使用 JavaScript 前端来做到这一点更简单。


你已准备好将你的网站从 WordPress 移至另一个解耦的 CMS,但需要零碎地进行 —


首先是前端,然后是后端。你正在制作一个新的开箱即用的新 JavaScript 组合网站,时间紧迫,而且你没有机会在没有任何准备的情况下制造为其提供动力的 CMS。


由于 REST 编程接口已经在 WordPress 中使用了大约一年,因此具有响应功能的 Headless WordPress 在特定情况下的功能令人钦佩。尽管如此,与任何创新安排一样,都需要权衡取舍。


我们与需要完全摆脱 WordPress 以从他们的堆栈中取出 PHP 和 MySQL 的客户合作过,这是 Headless WordPress 无法解决的一个问题。你还在运行 WordPress,这意味着你应该拥有并保持它以及你正在使用的任何模块,并且一定要对编程接口的服务以及它的工作方式进行一些自定义。Headless WordPress 要求你的设计团队有一些 WordPress/PHP 能力,但是你可以将这项工作分离给后端工程师,并释放你的前端工作能力以忽略 WordPress 的内部活动,只需注意如何查询 WP 编程界面.

专业的细微之处:如何做 Headless WordPress?

当你克隆 Postlight 的 WordPress + React Starter Kit 时,你将获得以下内容: 引导中心 WordPress 机构的安装程序内容。


注意:此内容在本地介绍 MySQL 和 WordPress,我们发现虚拟机的想法很棒,但实际操作起来却适中且笨拙。


你必须设置自定义帖子类型和自定义字段(Progressed Custom Fields Master 和自定义帖子类型 UI)的 WordPress 模块。


WordPress 模块在 WP REST 编程接口(ACF 到 WP 编程接口和 WP-REST 编程接口 V2 菜单)中发现那些自定义字段和 WordPress 菜单。


除了用于简单调查的有价值的日志记录功能外,Headless 需要的所有入门 WordPress 主题代码和设置,包括漂亮的永久链接、CORS 许可起始标头。一种使用 WP Move DB Master 有效地从网络上任何地方的当前 WordPress 机构引入信息的工具,并且它与模块一起使用(需要许可)。


由 Next.js 控制的入门前端响应应用程序。对于一些 WordPress 控制的语言环境,网站设计增强(网站改进)是主要的,而一些网络爬虫(如 Google 新闻)无法解析不是常规 HTML 的目标。Next.js 使工作人员端的响应交付变得简单,因此你可以获得交付的 HTML 页面的网站设计增强优势,就像客户端响应的可想象结果一样。


注意:对于更适中的范围语言环境,静态站点生成器或简单的客户端响应可能会满足你的所有项目需求。


一个前端应用程序 Docker 隔间和监控它的内容,用于有效地将其传送给任何支持 Docker 的供应商(AWS Versatile Beanstalk、谷歌云或现在通常是令人难以置信的替代品)。


有许多方法可以设置和设计 Headless WordPress,并且你可以在前端使用无数的响应库和结构来完成你的工作。这个入门单元讲述了我们在 Postlight 所做的一种方式的基础,接受这个作为建议,使用你喜欢的东西,扔掉你不喜欢的东西,然后重做你的必需品。

发布于: 刚刚阅读数: 3
用户头像

公众号:海拥 2021.11.29 加入

【个人网站】haiyong.site 【联系方式】微信:wh18363 【软件技能】前端,Java,Python 【个人称号】InfoQ 写作社区签约作者,华为云享专家,CSDN原力作者,全栈领域优质创作者,掘金2021年度人气作者No.21

评论

发布
暂无评论
展示 Postlight 的 WordPress + React Starter Kit_WordPress_海拥(haiyong.site)_InfoQ写作社区