WordPress心跳轮询Heartbeat API

WordPress心跳轮询Heartbeat API

WordPress Heartbeat API 是 WordPress 提供的一个浏览器和服务器之间的通信协议，它使得浏览器和服务器之间可以建立一个长连接，以实时反馈各种状态和事件。

Heartbeat API 的主要作用是为了增强 WordPress 的用户体验，例如在写文章时自动保存，或者在多用户协作编辑时防止文章同时被多人编辑等。

如何使用 Heartbeat API

Heartbeat API 是通过 JavaScript 和 AJAX 来实现的，只需要在前端页面中加入以下代码即可：

<script>
  jQuery(document).ready(function($) {
    // 心跳API默认启动的频率是每15秒一次，可以通过修改以下语句来设置自定义的心跳间隔时间（单位为秒）
    wp.heartbeat.interval(30); // 修改心跳间隔为每30秒一次
  });
</script> 

通过上面的代码，我们就可以启动 Heartbeat API 了，但是这只是开始，还需要为 Heartbeat API 注册各种事件，例如保存文章、删除文章等，下面是一个保存文章的示例：

<script>
  jQuery(document).ready(function($) {
    wp.heartbeat.interval(30); // 修改心跳间隔为每30秒一次

    wp.heartbeat.enqueue('my-plugin-save-post', {
      // data 参数用于传递自定义数据给后端处理
      data: {
        post_id: $('#post_ID').val(),
        post_content: $('#post_content').val()
      },

      // success 参数用于定义在请求成功时执行的回调函数
      success: function(response) {
        if (response.success) {
          console.log('文章自动保存成功！');
        } else {
          console.log('文章自动保存失败，请检查网络连接！');
        }
      }
    });
  });
</script> 

在上面的代码中，我们为保存文章注册了一个名为 my-plugin-save-post 的事件，并且指定了一个传递 post_id 和 post_content 参数的 data 对象以及一个成功时执行的回调函数 success。

当用户在编辑文章时，会在 Heartbeat API 的 interval 时间内自动执行以上代码，将文章内容传递给后端处理并返回保存结果。

总结

WordPress Heartbeat API 是一个非常有用的功能，在多人协作编辑、自动保存文章等方面都有很多应用场景，同时使用它也能大幅度提升用户体验。

通过本文，希望您能够更好地理解 Heartbeat API 的作用，并且能够基于它来实现更多有用的功能。

阅读文章或者观看视频过程中有任何问题，请下方留言或者联系我Q248758228