隨著開源工具越來越多蚤吹，特別是nodejs構(gòu)建微服務(wù)器之快，實(shí)現(xiàn)前端自動(dòng)化部署越來越簡(jiǎn)單了，有可能【10行js代碼+10行sh腳本+設(shè)置github的webhook】就能實(shí)現(xiàn)荔泳，但是如果你和我一樣，就是“懶”（此處為褒義）虐杯，連這些都不想自己做玛歌，那該怎么辦呢？這個(gè)時(shí)候我發(fā)現(xiàn)了這款好工具—netlify擎椰，下面我就來講講它究竟有多好用吧^_^
一支子、使用github或者gitlab登陸netlify
首先，打開netlify網(wǎng)站(https://app.netlify.com/)
然后使用github或者gitlab賬號(hào)登錄达舒。
二值朋、根據(jù)github/gitlab倉(cāng)庫創(chuàng)建網(wǎng)站
點(diǎn)擊New site from Git按鈕：
根據(jù)你的倉(cāng)庫所在平臺(tái)選擇叹侄，以下三選一：
選擇你需要部署的倉(cāng)庫：
設(shè)置部署選項(xiàng)，包括三點(diǎn)：
部署分支（對(duì)應(yīng)下圖中 Branch to deploy）:
顧名思義就是你的git倉(cāng)庫的分支吞歼，默認(rèn)選擇為master分支
打包命令（對(duì)應(yīng)下圖中 Build command）：
就是你的打包命令圈膏，諸如 npm run build，gulp build 之類篙骡；如果本身已是靜態(tài)文件稽坤，不需打包編譯，這一欄則不填
打包后目錄（對(duì)應(yīng)下圖中 Publish directory）：
即執(zhí)行完打包命令之后靜態(tài)文件所在目錄糯俗，諸如 dist尿褪，_site 之類；如果本身已是靜態(tài)文件得湘，這一欄則不填
完成之后點(diǎn)擊途中 deploy site 按鈕
三杖玲、設(shè)置域名，綁定域名
進(jìn)行完第二步淘正，我們可以看到自動(dòng)化部署已經(jīng)開始運(yùn)行了摆马，而且過不多久，我們的網(wǎng)站就已經(jīng)可以利用netlify域名就行訪問了鸿吆，如下圖：
可以看到netlify為我們隨機(jī)生成了一個(gè)netlify下的域名囤采，這里我們可以更改其前綴，并綁定到我們自己的域名下：
>> 更改netlify域名前綴：
首先惩淳，點(diǎn)擊上圖中 Site settings 按鈕蕉毯，然后在下方點(diǎn)擊 Change site name 按鈕，然后在彈出框中輸入自己需要更改的前綴名思犁，點(diǎn)擊保存即可代虾，如下圖所示：
>> 綁定到自己的域名下：
首先，點(diǎn)擊上上圖中 Domain settings 按鈕激蹲，然后在下方點(diǎn)擊 Add custom domain 按鈕棉磨，然后在彈出框中輸入自己需要綁定的完整域名，點(diǎn)擊保存学辱，如下圖所示：
這個(gè)時(shí)候會(huì)顯示 乘瓤！Check DNS configuration，因?yàn)槲覀冞€沒有設(shè)置域名解析到netlify服務(wù)器项郊，所以這個(gè)時(shí)候需要到你自己域名的相應(yīng)服務(wù)商網(wǎng)站登錄之后在需要綁定的域名下添加一條CNAME解析馅扣，解析的主機(jī)記錄即對(duì)應(yīng)的netlify域名值（這里即 codernie.netlify.com）
ok，過一會(huì)兒就可以使用自己的域名訪問自己的網(wǎng)站啦
四着降、生成HTTPS證書差油，實(shí)現(xiàn)HTTPS訪問
第四部中的Domain settings 中往下拉，可以看到 HTTPS 幾個(gè)大字母：
點(diǎn)擊 Verify DNS configuration 按鈕，待它變成下方綠色按鈕之后蓄喇，再點(diǎn)擊：
然后在彈出框中點(diǎn)擊確認(rèn)发侵，過一會(huì)兒之后就可以使用https訪問你的小站啦：
看到自己的小站前面可以有綠色的安全字樣，是不是很酷炫妆偏，而且很放心刃鳄，再也不用擔(dān)心運(yùn)營(yíng)商在自己的網(wǎng)站上掛廣告啦，哈哈哈钱骂。叔锐。。等等见秽，是不是還差了點(diǎn)什么：
對(duì)啊愉烙，還沒有強(qiáng)制跳轉(zhuǎn)https，OK解取，繼續(xù)
五步责、強(qiáng)制HTTP跳轉(zhuǎn)HTTPS訪問
在第四步 Domain settings 再往下翻一點(diǎn)，可以看到 Force HTTPS禀苦，只需點(diǎn)擊 Force HTTPS 即可實(shí)現(xiàn)蔓肯，是不是很方便，如下圖：
到這里振乏，你的網(wǎng)站即使用戶使用http訪問蔗包，也將強(qiáng)制跳轉(zhuǎn)至https訪問啦，這下可以徹底不用擔(dān)下運(yùn)營(yíng)商給你的用戶“發(fā)紅包”啦昆码！
六气忠、設(shè)置redirect
利用netlify實(shí)現(xiàn)自動(dòng)化部署和HTTPS就寫到這里了邻储，喜歡就點(diǎn)個(gè)贊啦赋咽。
