Cordova - Thông tin mạng

Plugin này cung cấp thông tin về mạng của thiết bị.

Bước 1 - Cài đặt Plugin thông tin mạng

Để cài đặt plugin này, chúng tôi sẽ mở command prompt và chạy đoạn mã sau:

C:\Users\username\Desktop\CordovaProject>cordova plugin 
   add cordova-plugin-network-information

Bước 2 - Thêm các nút

Hãy tạo một nút trong index.html sẽ được sử dụng để nhận thông tin về mạng.

<button id = "networkInfo">INFO</button>

Bước 3 - Thêm người nghe sự kiện

Chúng tôi sẽ thêm ba trình nghe sự kiện bên trong onDeviceReady chức năng trong index.js. Một người sẽ lắng nghe các lần nhấp vào nút chúng ta đã tạo trước đó và hai người kia sẽ lắng nghe các thay đổi trong trạng thái kết nối.

document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);

Bước 4 - Tạo các hàm

networkInfochức năng sẽ trả về thông tin về kết nối mạng hiện tại sau khi nhấp vào nút. Chúng tôi đang gọitypephương pháp. Các chức năng khác làonOfflineonOnline. Các chức năng này đang lắng nghe các thay đổi kết nối và bất kỳ thay đổi nào sẽ kích hoạt thông báo cảnh báo tương ứng.

function networkInfo() {
   var networkState = navigator.connection.type;
   var states = {};
   states[Connection.UNKNOWN]  = 'Unknown connection';
   states[Connection.ETHERNET] = 'Ethernet connection';
   states[Connection.WIFI]     = 'WiFi connection';
   states[Connection.CELL_2G]  = 'Cell 2G connection';
   states[Connection.CELL_3G]  = 'Cell 3G connection';
   states[Connection.CELL_4G]  = 'Cell 4G connection';
   states[Connection.CELL]     = 'Cell generic connection';
   states[Connection.NONE]     = 'No network connection';
   alert('Connection type: ' + states[networkState]);
}

function onOffline() {
   alert('You are now offline!');
}

function onOnline() {
   alert('You are now online!');
}

Khi chúng tôi khởi động ứng dụng được kết nối với mạng, onOnline chức năng sẽ kích hoạt cảnh báo.

Nếu chúng ta nhấn INFO nút cảnh báo sẽ hiển thị trạng thái mạng của chúng tôi.

Nếu chúng tôi ngắt kết nối khỏi mạng, onOffline hàm sẽ được gọi.