反応ネイティブでサーバーに到達できるかどうかを確認する方法

Question

要求前に自分のアプリケーションが到達しようとしているサーバーに到達可能かどうかを確認したい（インターネットにアクセス可能な場合）かどうかを確認したい。

私はFetch APIを使用していますが、今はよく機能するタイムアウトを使用していますが、私の質問はサーバーが到達可能かどうかを確認できる方法です。

all-reacheable npmパッケージを使用して試したところ、次のコードを追加しましたが、コールバック応答はありません。

isReachable([ 
    'http://aposddasd.com', 
    'http://google.com' 
], (err, reachable, host) => { 
    console.log('Server is' + reachable); //=> false 
    console.log('App log' + host); //=> 'http://aposddasd.com' 
}); 

あなたはこれを達成するための最良の方法は何かで私を助けることができますか？

Answer 1

あなたは解決するか、拒否する最初の約束を返しますPromise.race()を使用することができます - 彼らは実際にはかなり素晴らしいです！チェックアウトここドキュメント：

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise/race

ここで3msの後にタイムアウトにシンプルな機能だ - 5秒の遅延をシミュレートするhttpbinを使用しています：

const isAvailable =() => { 
    const timeout = new Promise((resolve, reject) => { 
     setTimeout(reject, 300, 'Request timed out'); 
    }); 

    const request = fetch('https://httpbin.org/delay/5'); 

    return Promise 
     .race([timeout, request]) 
     .then(response => alert('It worked :)')) 
     .catch(error => alert('It timed out :(')); 
} 

isAvailable(); 

チェックアウトはここにフィドル：https://jsfiddle.net/edcs/8Lcg8a8j/10/

Answer 2

私はそれのための機能があれば恐れています。しかし、Fetch APIをjavascriptのsetTimeout（）に入れて、例えば20秒間与えることができます。 20秒で結果が得られない場合は、おそらくサーバーに到達できません。

setTimeout({ this.FetchData(); }, 20000);