现在我们已经有了功能，让我们继续生成图像

[asikurrahmanshuvo]

我们首先创建一个generator.js负责生成图像的文件。我们将把该文件放在目录中以遵守平台约定。我们还将图像模板文件放在函数目录中，以便函数可以引用它。


使用 Puppeteer 和 Chrome 生成静态图像
我们将首先安装两个 JavaScript 包，一个包含 Chromium 二进制文件，一个是 Puppeteer。

注意：我们必须使用旧版本的 Chrome 和 Puppeteer 库才能保持在 50mb 的功能限制以下。您可以在此处阅读更多相关信息。

有了这些包，让我们来看看函数代码的第一次迭代。在函数中，我们创建一个处理程序来处理入站请求、启动 Chrome、设置页面的 HTML，最后截取屏幕截图。
让我们稍微分析一下。

我们要做的第一件事是找出 Chrome 浏览器的位置。我们添加一个检查来查 阿塞拜疆whatsapp数据 看是否有可用的 Chrome 本地副本，如果有，我们将使用它。这使得本地开发变得更容易。
浏览器准备就绪后，我们打开一个新页面，并根据随函数一起提供的 HTML 文件设置内容。此文件将作为我们所有图像的基本模板。

我们只需截取屏幕截图并将其返回给浏览器即可。请注意，我们需要通过将参数设置为来通知 Netlify（实际上是 Lambda）响应已进行base64 编码。这可以防止双重编码。
要查看它的实际效果，您可以在浏览器中加载图像并传递参数title：

你应该会看到这样一幅美丽的图像：


我承认这并不多，但这是我们的！到目前为止，在我们的示例中，我们一直在title从查询字符串中读取参数并将其直接放入模板中。我们已经看到它确实有效，但不幸的是，您可以通过这种方式传输的数据量相当有限。