WordPress操场
#php #wordpress #webassembly

对我来说,WordCamp Europe 2023最激动人心的事情之一是发现WordPress Playground项目的距离是多远。如果您以前没有听说过操场,那就是WordPress的完整版本,直接在您的浏览器中运行!

历史

该项目始于late last summer,版本0.1于4月发布。 README表示它是受到最初的PHP WASM实现的启发,浏览器示例中的Drupal和WASM Labs WordPress demo。 WordPress操场是在2022 State of the Word演示期间介绍给更大的WordPress社区的。

在今年的WCEU期间,该操场是在contributor day上的contributor day上的connect track会议上的connect track pers of connect track sess和demo during the keynote.

contributor day上积极宣传的。

怎么运行的

操场背后的技术称为WASM,缩短了Web Assembly

WebAssembly(缩写WASM)是基于堆栈的虚拟机的二进制指令格式。 WASM被设计为编程语言的便携式编译目标,在网络上为客户端和服务器应用程序提供部署。

WASM二进制文件中有PHP的版本可让您直接在浏览器中运行PHP代码。然后,操场将这些二进制文件用于run the WordPress PHP application,以及一个允许MySQL调用的插件,并将其解释为Sqlite

演示

Screenshot of the Playground with Frost Theme

WordPress Playground具有霜冻主题

不幸的是,您可以在Dev.to中嵌入操场iframe,但是我们可以直接链接到其中的一些示例。 Playground default使用默认主题和php 8.0的WordPress的最新版本。

您可以使用查询参数,例如themeplugins在操场上安装特定主题或插件。在this example中,我们安装了Frost主题和coblocks插件。您也可以通过wpphp安装WordPress和Php的不同版本。

如果您嵌入了iframe,则体验也完全是scriptable。 IFRAME在操作中的一个示例是使用新标记处理器函数的tutorial

未来

游乐场打开了很多可能性,因为它使WordPress在许多领域都可以嵌入:

  • 我们可以轻松测试WordPress和PHP的不同版本
  • 我们可以在教程和课程中的embed live examples
  • VS Code extension允许您在可用的测试环境中打开主题或插件
  • 它可以直接嵌入mobile apps
  • 我们可以将实时演示包括在拉请求中
  • 它可以集成到CI/CD管道

vision and philosophyroadmap都可以在Github上找到,因此您可以看到事情的发展方向。它仍然很早就开始了,0.2版是几天前于6月24日发布的。我们有时可能会看到破裂的变化,直到发生正式的1.0释放为止。

现在是时候去play