我正在尝试编写一个具有客户端和服务器端组件的Google Apps脚本。客户端组件显示进度条。客户端调用服务器端函数(异步调用),这些进程的进度必须显示在客户端进度栏中。现在,我想要的是能够根据来自服务器端功能的反馈来更新客户端进度条。这可能吗?
由于JS异步进行服务器端调用,因此造成了复杂性,因此我无法真正在客户端调用该函数并更新进度栏的循环。
我当然可以将服务器端功能的执行分成多个步骤,从客户端一一调用,每次更新状态栏。但是我想知道是否有更好的解决方案。有没有一种方法可以从服务器端调用客户端函数,并根据传递的参数来更新进度条?还是有一种方法可以从服务器端访问客户端进度栏对象并对其进行修改?
我处理此问题的方法是让中间人(现在向Romain Vialard喊出一个主意)来处理进度:Firebase
HTML /客户端可以连接到您的Firebase帐户(它们是免费的!),并“监视”更改。
客户端代码可以随着代码的进行而更新数据库-这些更改会立即通过Firebase反馈到HTML页面。这样,您可以更新进度条。
罗曼(Romain)在这里有一个小例子/说明
我使用的代码:
//Connect to firebase var fb = new Firebase("https://YOUR_DATABASE.firebaseio.com/"); //Grab the 'child' holding the progress info var ref = fb.child('Progress'); //When the value changes ref.on("value", function(data) { if (data.val()) { var perc = data.val() * 100; document.getElementById("load").innerHTML = ""; } });
在客户端,我使用Firebase库更新进度:
var fb = FirebaseApp.getDatabaseByUrl("https://YOUR_DATABASE..firebaseio.com/"); var data = { "Progress": .25}; fb.updateData("/",data);