JAMstack的魅力讓前端開發(fā)如魚得水！本文作者Silvestar將分享他對(duì)Netlify的熱愛，並列舉Netlify最令人心動(dòng)的功能，即使部分內(nèi)容看起來像贊助內(nèi)容，也完全獨(dú)立於Netlify（Netlify是CSS-Tricks的讚助商）。

2019年，作為一名JAMstack開發(fā)者，我感覺自己置身於夢(mèng)幻世界。各種現(xiàn)代框架、工具和服務(wù)讓我們的工作輕鬆愉快，甚至堪稱擁有超能力！而Netlify，憑藉其強(qiáng)大的產(chǎn)品和功能，脫穎而出。如果您經(jīng)常閱讀CSS-Tricks，對(duì)Netlify一定不會(huì)陌生，這裡已有大量相關(guān)文章，甚至還有兩個(gè)使用Netlify的CSS-Tricks微型網(wǎng)站。

這篇文章是對(duì)Netlify及其卓越功能的致敬。我將分享我最喜歡的Netlify功能，希望能幫助您更好地了解和使用Netlify。

自定義Netlify子域名

在Netlify創(chuàng)建新項(xiàng)目時(shí)，您可以：

• 從Git代碼倉(cāng)庫(kù)選擇項(xiàng)目；
• 上傳本地文件夾。

項(xiàng)目通常幾分鐘內(nèi)即可準(zhǔn)備就緒，您可以立即開始配置。首先，選擇站點(diǎn)名稱。

站點(diǎn)名稱決定網(wǎng)站的默認(rèn)URL。僅允許使用字母數(shù)字字符和連字符。

Netlify會(huì)為新項(xiàng)目隨機(jī)生成默認(rèn)名稱。如果您不喜歡，可以選擇更容易記住的自定義名稱。

例如，我的站點(diǎn)名稱為silvestarcodes，訪問地址為silvestarcodes.netlify.com。

Netlify DNS管理

對(duì)於正式站點(diǎn)，您需要添加自定義域名。在域名管理面板的自定義域名部分，點(diǎn)擊“添加自定義域名”按鈕，輸入您的域名，然後點(diǎn)擊“驗(yàn)證”按鈕。

您有兩種選擇：

1. 將您的DNS記錄指向Netlify負(fù)載均衡器IP地址；
2. 讓Netlify管理您的DNS記錄。

第一種選擇，請(qǐng)參考官方文檔中的完整說明。

第二種選擇，您需要在域名註冊(cè)商處添加或更新名稱服務(wù)器。如果您尚未購(gòu)買域名，可以直接在儀錶盤上註冊(cè)。

Netlify提供名為Netlify DNS的DNS記錄配置服務(wù)。

配置自定義域名後，您可以通過Netlify儀錶盤管理DNS記錄。

如果您想為開發(fā)分支設(shè)置一個(gè)開發(fā)子域名來預(yù)覽網(wǎng)站的開發(fā)更改，可以自動(dòng)完成。在網(wǎng)站設(shè)置部分的域名管理部分，選擇開發(fā)分支，Netlify會(huì)自動(dòng)添加一個(gè)名為dev的新子域名。現(xiàn)在您可以通過訪問開發(fā)子域名來查看預(yù)覽。

您還可以為不同的網(wǎng)站配置子域名。為此，創(chuàng)建一個(gè)新的Netlify站點(diǎn)，輸入新的子域名作為自定義域名，Netlify會(huì)自動(dòng)為您添加記錄。

此外，Netlify還允許您自動(dòng)創(chuàng)建Let's Encrypt證書，而且是完全免費(fèi)的！

代碼片段注入（類似標(biāo)籤管理器）

代碼片段注入是另一個(gè)優(yōu)秀功能。我主要用於插入分析代碼，但您也可以用它來添加響應(yīng)式行為的元標(biāo)籤、favicon標(biāo)籤或Webmention.io標(biāo)籤。

插入代碼片段時(shí)，可以選擇將代碼片段附加到塊的末尾或<code>塊的末尾。

每個(gè)部署都有永久的唯一URL

Netlify為每次成功的構(gòu)建創(chuàng)建唯一的預(yù)覽鏈接，方便比較網(wǎng)站的修訂版本。例如，這是我今年1月的網(wǎng)站鏈接，這是去年1月的鏈接。您可以看到樣式和內(nèi)容的更改。

Phil Hawksworth在他的演講中稱此功能為不可變的原子部署。

它們是永久存在的不可變部署。 — Phil Hawksworth

我發(fā)現(xiàn)此功能在完成任務(wù)並向客戶發(fā)送預(yù)覽鏈接時(shí)非常有用。如果有人負(fù)責(zé)處理與Git相關(guān)的任務(wù)（例如發(fā)佈到生產(chǎn)環(huán)境），這些預(yù)覽鏈接可以方便地了解合併後會(huì)發(fā)生什麼。您甚至可以為每個(gè)拉取請(qǐng)求設(shè)置預(yù)覽構(gòu)建。

簡(jiǎn)潔高效的A/B測(cè)試

Netlify使運(yùn)行A/B測(cè)試非常簡(jiǎn)單。 Netlify的拆分測(cè)試允許您從不同的Git分支顯示網(wǎng)站的不同版本，無需任何hack。

首先添加並發(fā)布一個(gè)包含所需更改的分支。在“拆分測(cè)試”面板中，選擇要測(cè)試的分支，設(shè)置拆分百分比，然後開始測(cè)試。您甚至可以在分析代碼中設(shè)置一個(gè)變量來跟蹤當(dāng)前顯示的分支。如果您尚未執(zhí)行此操作，可能需要激活分支部署。

Netlify的拆分測(cè)試允許您直接從我們的CDN網(wǎng)絡(luò)將流量分配到不同的部署，而不會(huì)降低下載性能，也不會(huì)安裝任何第三方JavaScript庫(kù)。 — Netlify文檔

我已經(jīng)在我的網(wǎng)站上針對(duì)幾個(gè)不同的功能使用了A/B測(cè)試：

• 測(cè)試不同版本的聯(lián)繫表單；
• 顯示不同版本的橫幅；
• 跟蹤用戶行為（例如熱圖）。

如果您想跟蹤拆分測(cè)試信息，可以為此目的設(shè)置進(jìn)程環(huán)境變量。您可以在官方文檔中了解更多信息。最棒的是，大多數(shù)A/B測(cè)試服務(wù)使用客戶端JavaScript來執(zhí)行此操作，這不可靠且不利於性能。像這樣在負(fù)載均衡器級(jí)別執(zhí)行此操作要好得多。

多種通知選項(xiàng)（郵件、Slack等）

如果您想在Netlify項(xiàng)目發(fā)生某些事件時(shí)收到通知，可以選擇多種通知選項(xiàng)。我更喜歡為每次成功或失敗的構(gòu)建收到電子郵件。

如果您使用Gmail，在懸停Gmail收件箱中的郵件時(shí)，您可以注意到每次成功構(gòu)建的“查看實(shí)時(shí)更改”鏈接。這意味著您可以無需打開電子郵件即可打開預(yù)覽鏈接。如果您的構(gòu)建有任何問題，還有其他鏈接，例如“查看完整的部署日誌”，或者當(dāng)您的計(jì)劃接近其限制時(shí)，“檢查使用詳情”。這太棒了！

如果您想為第三方服務(wù)設(shè)置鉤子，您只需要一個(gè)URL（JWS密鑰令牌是可選的）。 Slack鉤子內(nèi)置於Netlify中，如果您知道您的Slack傳入Webhook URL，可以在幾秒鐘內(nèi)設(shè)置好。

總結(jié)

上述所有功能都是Netlify免費(fèi)計(jì)劃的一部分。我無法想像為提供如此無縫的體驗(yàn)所付出的努力。但Netlify並沒有止步於此。他們正在不斷推出更多新功能，例如用於本地開發(fā)和部署取消的Netlify Dev CLI。 Netlify已成為現(xiàn)代靜態(tài)網(wǎng)站開發(fā)中一個(gè)毋庸置疑的變革性平臺(tái)，並且它是靜態(tài)網(wǎng)站增長(zhǎng)和普及的重要組成部分。

以上是我最喜歡的Netlify功能的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！