显示来自Google Cloud Function的smoothie图表

Question

我正在尝试从我的google云功能在浏览器中显示一个简单的smoothiechart plot (http://smoothiecharts.org/tutorial.html)。

cloud函数在node.js中，它基于http触发器。

我需要帮助来显示实际的图表。不知道如何告诉云功能在浏览器中显示图表。

谢谢!

编辑:

身份验证在这里不是问题。我了解如何编写smoothie函数，但我在Node.js函数中包含HTML代码时遇到了麻烦。

这两行:

<script type="text/javascript" src="smoothie.js"></script>
<canvas id="mycanvas" width="400" height="100"></canvas>

我不知道如何告诉云功能关于这些。

云函数的目标是返回一个带有图形的HTML页面。

Answer 1

cloud Functions HTTP触发等待请求并提供响应。很明显，我知道。但从那以后，你还需要什么?您希望请求新数据并在响应中获得新数据。

为了达到这个目的，你可以从教程中的#4例子开始，像这样自定义它

var smoothie = new SmoothieChart();
// Data
var line1 = new TimeSeries();
var line2 = new TimeSeries();
// Add a random value to each line every second
setInterval(function() {
line1.append(##CALL FUNCTION TO GET AND PARSE VALUES FOR LINE1##);
line2.append(##CALL FUNCTION TO GET AND PARSE VALUES FOR LINE2##);
}, 1000);
// Add to SmoothieChart
smoothie.addTimeSeries(line1);
smoothie.addTimeSeries(line2);
smoothie.streamTo(document.getElementById("mycanvas"));

我不知道更多关于你的数据，和框架，你通常使用从JS调用函数。了解用户是否经过身份验证也很重要:云功能可以在私有模式下部署，在这种情况下，所有请求都需要经过身份验证和授权。