显示来自 Google Cloud Function 的冰沙图表

Question

我正在尝试通过我的谷歌云功能在浏览器中显示一个简单的冰沙图表 (http://smoothiecharts.org/tutorial.html)。

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

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

谢谢！

编辑：

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