显示Google Cloud Function中的平滑图

Question

我正在尝试从我的google cloud函数在浏览器中显示一个简单的流畅图表(http://smoothiecharts.org/tutorial.html)。

云函数是在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

云函数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调用函数的框架。了解用户是否经过身份验证也很重要:云功能可以在私有模式下部署，在这种情况下，所有请求都需要经过身份验证和授权。