您的主页是在构建时静态生成的;

A comprehensive collection of phone data for research analysis.
Post Reply
shaownhasan
Posts: 26
Joined: Sun Dec 22, 2024 6:25 pm

您的主页是在构建时静态生成的;

Post by shaownhasan »

最大限度地提高性能和生产力
如果没有像 Netlify 这样的现代 Web 平台将所有工具和服务整合在一起,模块化 Web 架构就不完整。我们以通过我们的智能内容交付网络交付您的网站为中心,以便世界各地的每个人都能快速访问您的网站, 台湾电话号码几位 我们提供了一套丰富的内置工具和集成,可以增强您的产品、加快上市时间并增强您的能力让您的团队高效工作。

要了解有关 Netlify 如何帮助您构建理想的模块化 Web 架构的更多信息,请立即与我们联系。


虽然可以使用边缘函数通过手动重写代码内容来更新 A/B 测试的页面内容,但在拥有多个团队的大型组织中,这可能更难以扩展。许多内容管理系统 (CMS) 提供商都提供在 CMS 的多个区域(或空间)中存储内容的功能,您可以使用不同的 API 密钥进行访问。不同的空间可用于为功能分支发布、本地化、A/B 测试等准备内容。通过在 CMS 中提供专用测试场,开发人员可以专注于编写代码,而内容作者仍然可以控制内容。

在此代码示例中,我们将了解如何使用 CMS 单独区域中的内容对主页英雄横幅上的消息进行 A/B 测试。以下假设:

您的网站在构建时从 CMS 获取数据;
您的主页位于您网站的根目录 (/);
您的 CMS 能够将内容存储在单独的区域或空间中,可以使用不同的 API 密钥和访问令牌来获取这些内容;
您已在 CMS 中配置了一个“测试”空间,以与生产空间相同的方式交付内容;
您的网站托管在 Netlify 上。
使用浏览器 cookie 将用户分配到测试存储桶
在项目的根目录中,创建一个 netlify 目录(如果还没有),然后在其中创建一个 edge-functions 目录。在其中添加一个名为 abtest-homepage-hero.ts 的新文件。您可以使用 JavaScript 或 TypeScript 编写 Edge Functions;在此示例中,我们将使用 TypeScript。

添加以下代码,其中导出边缘函数和配置对象,配置为仅在主页(/)上运行,并找到或设置名为 home_page_hero 的测试存储桶 cookie。如需更深入的解释,上一篇文章中更详细地描述了设置:如何在同一 URL 上拆分流量和 A/B 测试不同的页面布局。
Post Reply