- 蘇格團隊
- 作者:Tomey
背景
最近在用Electron開發一款應用,其中有涉及到檢測因特網是否斷開的需求。Electron基於Chromium和Node.js,讓你可以使用HTML、CSS和JavaScript構建應用。所以Electron提供nodejs、瀏覽器兩套執行環境。
筆者最先考慮到的方案HTML5提供的online/offline網路連線事件。
window.addEventListener('online', ...)
window.addEventListener('offline', ...)
複製程式碼
結論很失望,這兩個網路連線事件,只是檢測本地網路連線狀態。
既然瀏覽器沒有提供檢測因特網是否斷開的介面,筆者只能在nodejs尋求答案。
調研
說到nodejs,筆者最先想到是去npm倉庫搜尋現有的庫。找到了兩款檢測因特網狀態的庫internet-available、is-online
internet-available
這個庫檢測因特網連線狀態原理,是檢測dns連線狀態。
這裡大家肯定有個疑問,使用nodejs原生模組dns不是更簡潔嗎?
你說的沒錯,nodejs確實提供這樣的方法,但是dns原生模組並沒有提供超時檢測。internet-available可以設定超時引數,預設是5000ms(依賴dns-socket庫實現dns超時,有興趣可以研究其原始碼,這裡不做展開)。
internet-available使用舉例:
var internetAvailable = require("internet-available");
internetAvailable().then(function(){
console.log("Internet available");
}).catch(function(){
console.log("No internet");
});
複製程式碼
如果想加入檢測次數和每次檢測超時時間,程式碼如下:
var internetAvailable = require("internet-available");
internetAvailable({
timeout: 4000,
retries: 10,
}).then(function(){
console.log("Internet available");
}).catch(function(){
console.log("No internet");
});
複製程式碼
internet-available預設檢測的DNS域名是google.com,如果想自定義域名,程式碼如下:
var internetAvailable = require("internet-available");
internetAvailable({
domainName: "xxxxx.com",
port: 53,
host: '8.8.8.8' // 預設,國內請改成114.114.114.114
}).then(() => {
console.log("Internet available");
}).catch(() => {
console.log("No internet");
});
複製程式碼
備註:8.8.8.8是谷歌公司提供的免費DNS伺服器,該地址是全球通用,相對來說,更適合國外以及訪問國外網站的使用者使用,國內更適合用114.114.114.114。
is-online
is-online與internet-available檢測方式相同,唯一區別是is-online可以在nodejs和瀏覽器環境同時執行。在瀏覽器環境下,通過navigator.onLine返回網路連線狀態,但與HTML5 online、offline事件一樣,只能檢測本地連線。
is-online使用舉例
const isOnline = require('is-online');
isOnline().then(online => {
if(online){
console.log("We have internet");
}else{
console.log("Houston we have a problem");
}
});
複製程式碼
此庫也提供超時設定,且可以設定Internet協議版本,這是一個通常不需要設定的高階選項,但它對於專門斷言IPv6連線非常有用,程式碼如下:
var isOnline = require('is-online');
isOnline({
timeout: 5000,
version: "v4" // v4 or v6
}).then(online => {
if(online){
console.log("Internet available");
}else{
console.log("No internet");
}
});
複製程式碼
總結
除了以上兩個庫,還有其他方式可以檢測因特網斷開嗎?筆者目前想到的還可以通過發起http head請求是否成功響應判斷;通過ping 目標host或者domain是否連通檢測判斷。如果有更好的方式,歡迎討論~