My Board

让我们检查一下一切是否都已连接好。在项目根目录的终端窗口中，运行以下命令以使用 Netlify CLI 启动开发服务器：

netlify dev
当开发服务器启动并运行时，转到浏览器，您将index.html在http://localhost:8888和http://localhost:8888/hello-templatehello-template.html上看到您的内容。您现在已准备好使用 Edge Function 转换此静态 HTML 文件！

浏览器中的 hello 模板，它从 HTML 模板中读取 Hello。这是存储在公共目录中的静态 HTML 文件。您的位置 LOCATION_UNKNOWN

使用 Edge Function 转换 HTTP 响应
我们将编写一个 Edge Function 来拦截hello-template使用 URL 查询参数 ( ?method=transform) 的请求，获取请求的地理位置数据，并转换 HTTP 响应以包含城市和国家名称。

您可以使用 JavaScript 或 TypeScript 编写 Edge 函数。在本教程中，我们将使用 JavaScript 编写 Edge 函数代码。Edge 函数文件位于一个特殊目录中，以便 Netlify 知道如何在您部署站点时捆绑它们。在项目的根目录中，创建一个netlify目录，然后在其中添加一个edge-functions目录。在 edge-functions 目录中创建一个新文件并将其命名为transform-hello-template.js。


在编写 Edge Function 代码之前，让我们将文件连 日本whatsapp数据 接到开发环境。在您的netlify.toml文件中，在构建设置下方添加以下代码。这会告诉 Netlifytransform-hello-template在用户hello-template在浏览器中请求页面时运行该函数。停止并启动您的开发服务器，以便 CLI 能够获取 netlify.toml 中的更改。

我们首先导出一个默认的异步函数。Edge Functions 有两个参数，request一个表示传入的 HTTP 请求，context另一个是Netlify 特定的 API，用于公开地理位置数据，允许您使用 cookie、重写、站点信息等。

首先，我们从请求中解析 URL。然后，我们method=transform使用 在 URL 上查找查询参数。如果我们在 URL 上找不到所需的查询参数，我们将返回并提前退出 Edge Function，这将在占位符不变的情况下提供 hello-template。