使用AJAX/PHP多人同时协作编辑文件？

Question

我正在为网站制作一个协作编辑器，很像Google Docs，但它是为编码和开发而构建的。我希望允许多个用户同时编辑一个文件，并将他们的更改同时推送到服务器和查看该文件的其他人。我怎么能这样做呢？

我不知道如何在用户之间同步数据。我现在掌握的代码如下：

JS中的AJAX：

function update(f, txt){
   $.ajax({
     type: 'POST',
     data: {text: txt, file: f},
     url: "save.php",
   });
}

save.php：

$file = $_POST['file'];
$contents = $_POST['text'];
file_put_contents(dirname(__FILE__) . "/preview" . "/" . $file,$contents);

Answer 1

您可以使用EventSource将数据从服务器传输到浏览器，或者使用WebSocket将数据传输到服务器和从服务器传输。也就是说，每个客户端连续地接收文件的流，例如参见How to read and echo file size of uploaded file being written at server in real time without blocking at both server and client?。

plnkr提供了一个实时共享选项，并且是开源的。考虑查找和读取该应用程序的代码，并针对您试图实现的目标进行调整。