Cordova - ข้อมูลเครือข่าย
ปลั๊กอินนี้ให้ข้อมูลเกี่ยวกับเครือข่ายของอุปกรณ์
ขั้นตอนที่ 1 - การติดตั้งปลั๊กอินข้อมูลเครือข่าย
ในการติดตั้งปลั๊กอินนี้เราจะเปิดขึ้น command prompt และเรียกใช้รหัสต่อไปนี้ -
C:\Users\username\Desktop\CordovaProject>cordova plugin
add cordova-plugin-network-information
ขั้นตอนที่ 2 - เพิ่มปุ่ม
มาสร้างปุ่มเดียวใน index.html ที่จะใช้ในการรับข้อมูลเกี่ยวกับเครือข่าย
<button id = "networkInfo">INFO</button>
ขั้นตอนที่ 3 - เพิ่มผู้ฟังเหตุการณ์
เราจะเพิ่มผู้ฟังเหตุการณ์สามคนภายใน onDeviceReady ฟังก์ชันใน index.js. หนึ่งจะฟังการคลิกบนปุ่มที่เราสร้างขึ้นก่อนหน้านี้และอีกสองปุ่มจะรับฟังการเปลี่ยนแปลงสถานะการเชื่อมต่อ
document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);
ขั้นตอนที่ 4 - การสร้างฟังก์ชัน
networkInfoฟังก์ชันจะส่งคืนข้อมูลเกี่ยวกับการเชื่อมต่อเครือข่ายปัจจุบันเมื่อคลิกปุ่ม เรากำลังโทรtypeวิธี. ฟังก์ชั่นอื่น ๆ คือonOffline และ onOnline. ฟังก์ชั่นเหล่านี้กำลังรับฟังการเปลี่ยนแปลงการเชื่อมต่อและการเปลี่ยนแปลงใด ๆ จะทริกเกอร์ข้อความแจ้งเตือนที่เกี่ยวข้อง
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!');
}
เมื่อเราเริ่มแอพที่เชื่อมต่อกับเครือข่าย onOnline ฟังก์ชันจะทริกเกอร์การแจ้งเตือน
ถ้าเรากด INFO ปุ่มการแจ้งเตือนจะแสดงสถานะเครือข่ายของเรา
หากเราตัดการเชื่อมต่อจากเครือข่าย onOffline ฟังก์ชันจะถูกเรียกใช้