我最喜欢的Netlify功能

JAMstack的魅力让前端开发如鱼得水！本文作者Silvestar将分享他对Netlify的热爱，并列举Netlify最令人心动的功能，即使部分内容看起来像赞助内容，也完全独立于Netlify（Netlify是CSS-Tricks的赞助商）。

2019年，作为一名JAMstack开发者，我感觉自己置身于梦幻世界。各种现代框架、工具和服务让我们的工作轻松愉快，甚至堪称拥有超能力！而Netlify，凭借其强大的产品和功能，脱颖而出。如果您经常阅读CSS-Tricks，对Netlify一定不会陌生，这里已有大量相关文章，甚至还有两个使用Netlify的CSS-Tricks微型网站。

这篇文章是对Netlify及其卓越功能的致敬。我将分享我最喜欢的Netlify功能，希望能帮助您更好地了解和使用Netlify。

自定义Netlify子域名

在Netlify创建新项目时，您可以：

• 从Git代码仓库选择项目；
• 上传本地文件夹。

项目通常几分钟内即可准备就绪，您可以立即开始配置。首先，选择站点名称。

站点名称决定网站的默认URL。仅允许使用字母数字字符和连字符。

Netlify会为新项目随机生成默认名称。如果您不喜欢，可以选择更容易记住的自定义名称。

例如，我的站点名称为silvestarcodes，访问地址为silvestarcodes.netlify.com。

Netlify DNS管理

对于正式站点，您需要添加自定义域名。在域名管理面板的自定义域名部分，点击“添加自定义域名”按钮，输入您的域名，然后点击“验证”按钮。

您有两种选择：

1. 将您的DNS记录指向Netlify负载均衡器IP地址；
2. 让Netlify管理您的DNS记录。

第一种选择，请参考官方文档中的完整说明。

第二种选择，您需要在域名注册商处添加或更新名称服务器。如果您尚未购买域名，可以直接在仪表盘上注册。

Netlify提供名为Netlify DNS的DNS记录配置服务。

配置自定义域名后，您可以通过Netlify仪表盘管理DNS记录。

如果您想为开发分支设置一个开发子域名来预览网站的开发更改，可以自动完成。在网站设置部分的域名管理部分，选择开发分支，Netlify会自动添加一个名为dev的新子域名。现在您可以通过访问开发子域名来查看预览。

您还可以为不同的网站配置子域名。为此，创建一个新的Netlify站点，输入新的子域名作为自定义域名，Netlify会自动为您添加记录。

此外，Netlify还允许您自动创建Let’s Encrypt证书，而且是完全免费的！

代码片段注入（类似标签管理器）

代码片段注入是另一个优秀功能。我主要用于插入分析代码，但您也可以用它来添加响应式行为的元标签、favicon标签或Webmention.io标签。

插入代码片段时，可以选择将代码片段附加到块的末尾或块的末尾。

每个部署都有永久的唯一URL

Netlify为每次成功的构建创建唯一的预览链接，方便比较网站的修订版本。例如，这是我今年1月的网站链接，这是去年1月的链接。您可以看到样式和内容的更改。

Phil Hawksworth在他的演讲中称此功能为不可变的原子部署。

它们是永久存在的不可变部署。 — Phil Hawksworth

我发现此功能在完成任务并向客户发送预览链接时非常有用。如果有人负责处理与Git相关的任务（例如发布到生产环境），这些预览链接可以方便地了解合并后会发生什么。您甚至可以为每个拉取请求设置预览构建。

简洁高效的A/B测试

Netlify使运行A/B测试非常简单。Netlify的拆分测试允许您从不同的Git分支显示网站的不同版本，无需任何hack。

首先添加并发布一个包含所需更改的分支。在“拆分测试”面板中，选择要测试的分支，设置拆分百分比，然后开始测试。您甚至可以在分析代码中设置一个变量来跟踪当前显示的分支。如果您尚未执行此操作，可能需要激活分支部署。

Netlify的拆分测试允许您直接从我们的CDN网络将流量分配到不同的部署，而不会降低下载性能，也不会安装任何第三方JavaScript库。 — Netlify文档

我已经在我的网站上针对几个不同的功能使用了A/B测试：

• 测试不同版本的联系表单；
• 显示不同版本的横幅；
• 跟踪用户行为（例如热图）。

如果您想跟踪拆分测试信息，可以为此目的设置进程环境变量。您可以在官方文档中了解更多信息。最棒的是，大多数A/B测试服务使用客户端JavaScript来执行此操作，这不可靠且不利于性能。像这样在负载均衡器级别执行此操作要好得多。

多种通知选项（邮件、Slack等）

如果您想在Netlify项目发生某些事件时收到通知，可以选择多种通知选项。我更喜欢为每次成功或失败的构建收到电子邮件。

如果您使用Gmail，在悬停Gmail收件箱中的邮件时，您可以注意到每次成功构建的“查看实时更改”链接。这意味着您可以无需打开电子邮件即可打开预览链接。如果您的构建有任何问题，还有其他链接，例如“查看完整的部署日志”，或者当您的计划接近其限制时，“检查使用详情”。这太棒了！

如果您想为第三方服务设置钩子，您只需要一个URL（JWS密钥令牌是可选的）。Slack钩子内置于Netlify中，如果您知道您的Slack传入Webhook URL，可以在几秒钟内设置好。

总结

上述所有功能都是Netlify免费计划的一部分。我无法想象为提供如此无缝的体验所付出的努力。但Netlify并没有止步于此。他们正在不断推出更多新功能，例如用于本地开发和部署取消的Netlify Dev CLI。Netlify已成为现代静态网站开发中一个毋庸置疑的变革性平台，并且它是静态网站增长和普及的重要组成部分。

以上是我最喜欢的Netlify功能的详细内容。更多信息请关注PHP中文网其他相关文章！