CSS-Trickz：Netlify 按需构建器的实验

WordPress 网站默认情况下具有 API。想查看此网站最近的帖子，仅包含特定数据集… 以 JSON 格式？请便。 Alex Riviere 创建了一个玩笑网站来使用它。

最初，该网站会在加载时在客户端从该 API 获取数据。很好，但如果我们认真考虑一下，对于访问该网站的人来说，它效率非常低下（即比服务器端渲染的 HTML 慢），而且 API 调用效率也不高。因此，Alex 使用 Netlify 函数重写了它。然后，Netlify 函数将从 API 获取数据（在云端的 Node 中），并提供预渲染的 HTML。这可能稍微好一点，但正如 Alex 所说

这实际上给我们带来一个新问题，即每次有人访问该网站时，函数都会在我的账户下运行。

Netlify 函数的免费层每月可提供 125,000 次请求，对于像这样的小型网站来说应该绰绰有余，但正如 Alex 所说，他“宁愿不成为互联网受欢迎的受害者”。

时机正好，因为 Netlify 刚刚发布了按需构建器，这使得像这样缓存结果变得相当容易。它就像创建任何其他函数一样，只是签名如下所示

const { builder } = require("@netlify/functions")

async function myfunction(event, context) {
  // logic to generate the required content
}

exports.handler = builder(myfunction);

我喜欢 Andrew 在我们的 ShopTalk D-D-D-Discord 中所说的话——这个概念广泛适用于一般的 API 使用。免费博文想法：**使用按需构建器最大化您的 API 免费层**。

直接链接 →

评论