Cordova
네트워크 연결 상태를 감지하는 방법

cordova-plugin-network-information 플러그인 사용하기

네트워크 연결의 현재 상태를 감지하고 발생할 수있는 변경 사항에 응답하려면 여러 플러그인 중 하나를 사용하여 수행 할 수 있습니다. 이 예제는 cordova-plugin-network-information plugin에 관한 것입니다.

프로젝트에 플러그인을 추가하십시오.

cordova plugin add cordova-plugin-network-information

코르도바 장치 이벤트 후 navigator.connection 통해 연결 개체를 사용할 수 있습니다. type 속성에는 현재 네트워크 상태가 포함됩니다.

document.addEventListener("deviceready", function() {
    var networkState = navigator.connection.type;
}, false);

networkState 에는 이제 다음 상수 중 하나가 포함됩니다.

Connection.UNKNOWN  //  Unknown connection
Connection.ETHERNET //  Ethernet connection
Connection.WIFI     //  WiFi connection
Connection.CELL_2G  //  Cell 2G connection
Connection.CELL_3G  //  Cell 3G connection
Connection.CELL_4G  //  Cell 4G connection
Connection.CELL     //  Cell generic connection
Connection.NONE     //  No network connection

네트워크 연결 변경 감지는 online 또는 offline 이벤트에 함수를 연결하여 수행 할 수 있습니다.

document.addEventListener("online", function() {
    // device went online
    var networkState = navigator.connection.type; // Get new network state
    ...
}, false);

document.addEventListener("offline", function() {
    // device went offline
    var networkState = navigator.connection.type; // Get new network state
    ...
}, false);