本文博主給大家分享線上多功能變數名稱實戰，當線上主功能變數名稱不可用的情況下，啟用備用功能變數名稱完成網站高可用保障。 網站的高可用性一直是網站運維的重中之重。一旦網站宕機，不僅會造成巨大的經濟損失，也會嚴重影響用戶體驗。備份功能變數名稱就是一種實現網站高可用的重要手段。通過備份功能變數名稱，可以在主功能變數名稱不可訪問時快速切換功能變數名稱，保證網站正 ...
本文博主給大家分享線上多功能變數名稱實戰，當線上主功能變數名稱不可用的情況下，啟用備用功能變數名稱完成網站高可用保障。
網站的高可用性一直是網站運維的重中之重。一旦網站宕機，不僅會造成巨大的經濟損失，也會嚴重影響用戶體驗。備份功能變數名稱就是一種實現網站高可用的重要手段。通過備份功能變數名稱，可以在主功能變數名稱不可訪問時快速切換功能變數名稱，保證網站正常運行。
一、前情回顧
博主上個星期，線上項目突然出現了少量用戶無法打開項目網站，技術支持聯繫技術人員（也就是博主我）在用戶電腦上復現了這一情況。
經過博主排查，發現在客戶電腦訪問主功能變數名稱時，會出現連接超時，通過 curl 進一步分析連接詳情，舉例如下：
C:\Users\16697>curl -v www.wayn.com
* Uses proxy env variable http_proxy == 'http://11.22.11.22:4780'
* Trying 11.22.11.22:4780...
發現線上主功能變數名稱在用戶電腦上返回的 CDN 節點 11.22.11.22 存在訪問不通的情況。博主便跟運維溝通 CDN 節點不通的問題，運維回覆是 CDN 節點不通是無法避免的，要看 CDN 廠商對於用戶的覆蓋情況，建議線上項目使用多功能變數名稱，並且每個功能變數名稱使用不同的 CDN 廠商，最大限度避免主備功能變數名稱都不可用。
OK，得到的運維的意見，我們開始著手做多功能變數名稱實現方案。
二、購買備用功能變數名稱
實現功能變數名稱高可用解決方案，首先需要準備一到兩條與主功能變數名稱功能和形式相似的備份功能變數名稱。如下
主功能變數名稱
www.wayn.com
備用功能變數名稱一
bak1.wayn.com
備用功能變數名稱二
bak2.wayn.com
購買備份功能變數名稱後，需要註意一下兩點：
- 需要在功能變數名稱服務商那設置DNS記錄，將主功能變數名稱和備份功能變數名稱指向同一個IP地址。同時也需要為兩個功能變數名稱設置相同的CDN加速和安全證書，保證用戶訪問體驗一致。
- 將備份功能變數名稱的網站配置（nginx配置文件）與主功能變數名稱保持一致。確保使用備份功能變數名稱也可以訪問我們的網站。
三、主備功能變數名稱切換實戰
這裡我們介紹一下通過 JavaScript 代碼來實現網站的主備功能變數名稱如何進行切換。
JavaScript 實現功能變數名稱切換的流程如下:
- 在頁面啟動時，首先發起對主功能變數名稱的請求，判斷其是否能夠正常響應。如果啟動時主功能變數名稱不可訪問，就會訪問備份功能變數名稱。針對每個備用功能變數名稱每隔一秒發送三次請求，如果都能訪問成功則認為備用功能變數名稱可用。代碼如下：
// ES6 的模塊引入方式
import fetch from 'node-fetch'
const domain = 'https://www.wayn111.com'
const bakDomains = ['http://bak1.wayn.com', 'http://baidu.com']
masterDomainCheck()
// 主功能變數名稱檢測，如果不可用會檢查備用功能變數名稱是否可用
async function masterDomainCheck() {
try {
await fetch(domain)
console.log('主功能變數名稱啟用成功')
} catch (e) {
// console.log(e)
try {
await getBakDomain()
console.log('備用功能變數名稱可用')
} catch (e) {
console.log('備用功能變數名稱也不可用')
}
}
}
// 訪問備用功能變數名稱，返回其中可用的一個功能變數名稱
async function getBakDomain() {
const apiPromiseList = []
for (let i = 0; i < bakDomains.length; i++) {
apiPromiseList.push(
new Promise((resolve, reject) => {
bakDomainCheck(bakDomains[i], 3, resolve, reject)
})
)
}
return await Promise.any([...apiPromiseList])
}
// 功能變數名稱檢測邏輯
async function bakDomainCheck(url, count, resolve, reject) {
console.log(count)
if (count > 0) {
try {
await fetch(url)
bakDomainCheck(url, --count, resolve, reject)
} catch (e) {
console.log('e')
reject(e)
}
} else {
console.log(`bak domain：${url} access success`)
resolve({ url, count })
}
}
以上代碼經過博主實測，大家感興趣可以將代碼拷貝在本地跑一遍。
- 如果主功能變數名稱啟動時正常，則開始定時監測主功能變數名稱的可訪問性。每30秒發起一次請求，判斷主功能變數名稱的HTTP狀態碼是否為200。
// 主功能變數名稱正常,開始定時監測
setInterval(() => {
fetch('https://www.wayn111.com')
.then(res => {
if (res.status !== 200) {
switchDomain()
}
})
}, 30000)
- 一旦監測到主功能變數名稱故障，開始調用 JavaScript 函數，找到頁面所有包含主功能變數名稱的鏈接，並將其替換為備份功能變數名稱。
// 開始替換頁面內功能變數名稱為備份功能變數名稱
function switchDomain() {
let links = document.querySelectorAll('a')
for (let i=0; i<links.length; i++) {
if (links[i].href.indexOf('https://www.wayn111.com') > -1) {
links[i].href = links[i].href.replace('https://www.wayn111.com'
, 'https://bak1.wayn.com')
}
}
}
- 繼續定時監測主功能變數名稱，在主功能變數名稱恢復正常時，調用 JavaScript 函數將備份功能變數名稱的鏈接替換回主功能變數名稱。
// 定時檢查主功能變數名稱故障恢復,一旦恢復再切回主功能變數名稱
setInterval(() => {
fetch('https://www.wayn111.com')
.then(res => {
if (res.status === 200) {
switchDomainBack()
}
})
}, 5000)
function switchDomainBack() {
let links = document.querySelectorAll('a')
for (let i=0; i<links.length; i++) {
if (links[i].href.indexOf('https://bak1.wayn.com') > -1) {
links[i].href = links[i].href.replace('https://bak1.wayn.com'
, 'https://www.wayn111.com')
}
}
}
- 這樣通過 JavaScript 檢測功能變數名稱狀態與自動切換，可以最大限度減少功能變數名稱切換造成的訪問中斷時間，確保網站高可用。
希望大家通過這個案例，能對線上用多功能變數名稱來實現高可用網站有一個較為全面的認知。網站過於依賴某單一功能變數名稱存在潛在風險，備份功能變數名稱的引入主要是解決少數場景下用戶訪問不通我們網站的問題。
最後感謝大家閱讀，喜歡的朋友可以點贊加關註，你的支持將是我的更新動力
