- 蘇格團隊
- 做者:Tomey
最近在用Electron開發一款應用,其中有涉及到檢測因特網是否斷開的需求。Electron基於Chromium和Node.js,讓你可使用HTML、CSS和JavaScript構建應用。因此Electron提供nodejs、瀏覽器兩套運行環境。node
筆者最早考慮到的方案HTML5提供的online/offline網絡鏈接事件。npm
window.addEventListener('online', ...)
window.addEventListener('offline', ...)
複製代碼
結論很失望,這兩個網絡鏈接事件,只是檢測本地網絡鏈接狀態。瀏覽器
既然瀏覽器沒有提供檢測因特網是否斷開的接口,筆者只能在nodejs尋求答案。bash
說到nodejs,筆者最早想到是去npm倉庫搜索現有的庫。找到了兩款檢測因特網狀態的庫internet-available、is-online服務器
這個庫檢測因特網鏈接狀態原理,是檢測dns鏈接狀態。網絡
這裏你們確定有個疑問,使用nodejs原生模塊dns不是更簡潔嗎?dom
你說的沒錯,nodejs確實提供這樣的方法,可是dns原生模塊並無提供超時檢測。internet-available能夠設置超時參數,默認是5000ms(依賴dns-socket庫實現dns超時,有興趣能夠研究其源碼,這裏不作展開)。socket
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,若是想自定義域名,代碼以下:ui
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與internet-available檢測方式相同,惟一區別是is-online能夠在nodejs和瀏覽器環境同時運行。在瀏覽器環境下,經過navigator.onLine返回網絡鏈接狀態,但與HTML5 online、offline事件同樣,只能檢測本地鏈接。
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是否連通檢測判斷。若是有更好的方式,歡迎討論~