Cordova - Toàn cầu hóa
Plugin này được sử dụng để lấy thông tin về ngôn ngữ địa phương, ngày và múi giờ, tiền tệ, v.v.
Bước 1 - Cài đặt Plugin toàn cầu hóa
Mở command prompt và cài đặt plugin bằng cách nhập mã sau
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-globalization
Bước 2 - Thêm các nút
Chúng tôi sẽ thêm một số nút vào index.html để có thể gọi các phương thức khác nhau mà chúng ta sẽ tạo sau.
<button id = "getLanguage">LANGUAGE</button>
<button id = "getLocaleName">LOCALE NAME</button>
<button id = "getDate">DATE</button>
<button id = "getCurrency">CURRENCY</button>
Bước 3 - Thêm người nghe sự kiện
Người nghe sự kiện sẽ được thêm vào bên trong getDeviceReady chức năng trong index.js để đảm bảo rằng ứng dụng của chúng tôi và Cordova được tải trước khi chúng tôi bắt đầu sử dụng.
document.getElementById("getLanguage").addEventListener("click", getLanguage);
document.getElementById("getLocaleName").addEventListener("click", getLocaleName);
document.getElementById("getDate").addEventListener("click", getDate);
document.getElementById("getCurrency").addEventListener("click", getCurrency);
Bước 4A - Chức năng Ngôn ngữ
Hàm đầu tiên mà chúng tôi đang sử dụng trả về thẻ ngôn ngữ BCP 47 của thiết bị khách hàng. Chúng tôi sẽ sử dụnggetPreferredLanguagephương pháp. Hàm có hai tham số onSuccess vàonError. Chúng tôi đang thêm chức năng này vàoindex.js.
function getLanguage() {
navigator.globalization.getPreferredLanguage(onSuccess, onError);
function onSuccess(language) {
alert('language: ' + language.value + '\n');
}
function onError(){
alert('Error getting language');
}
}
Khi chúng tôi nhấn LANGUAGE , cảnh báo sẽ được hiển thị trên màn hình.
Bước 4B - Chức năng ngôn ngữ
Hàm này trả về thẻ BCP 47 cho cài đặt cục bộ của khách hàng. Chức năng này tương tự như chức năng chúng ta đã tạo trước đây. Sự khác biệt duy nhất là chúng tôi đang sử dụnggetLocaleName phương pháp lần này.
function getLocaleName() {
navigator.globalization.getLocaleName(onSuccess, onError);
function onSuccess(locale) {
alert('locale: ' + locale.value);
}
function onError(){
alert('Error getting locale');
}
}
Khi chúng tôi nhấp vào LOCALE , cảnh báo sẽ hiển thị thẻ ngôn ngữ của chúng tôi.
Bước 4C - Hàm ngày
Chức năng này được sử dụng để trả về ngày theo cài đặt múi giờ và ngôn ngữ của khách hàng. date tham số là ngày hiện tại và options tham số là tùy chọn.
function getDate() {
var date = new Date();
var options = {
formatLength:'short',
selector:'date and time'
}
navigator.globalization.dateToString(date, onSuccess, onError, options);
function onSuccess(date) {
alert('date: ' + date.value);
}
function onError(){
alert('Error getting dateString');
}
}
Bây giờ chúng ta có thể chạy ứng dụng và nhấn DATE để xem ngày hiện tại.
Chức năng cuối cùng mà chúng tôi sẽ hiển thị là trả về giá trị tiền tệ theo cài đặt thiết bị của khách hàng và mã đơn vị tiền tệ ISO 4217. Bạn có thể thấy rằng khái niệm là như nhau.
function getCurrency() {
var currencyCode = 'EUR';
navigator.globalization.getCurrencyPattern(currencyCode, onSuccess, onError);
function onSuccess(pattern) {
alert('pattern: ' + pattern.pattern + '\n' +
'code: ' + pattern.code + '\n' +
'fraction: ' + pattern.fraction + '\n' +
'rounding: ' + pattern.rounding + '\n' +
'decimal: ' + pattern.decimal + '\n' +
'grouping: ' + pattern.grouping);
}
function onError(){
alert('Error getting pattern');
}
}
Các CURRENCY sẽ kích hoạt cảnh báo hiển thị mẫu tiền tệ cho người dùng.
Plugin này cung cấp các phương pháp khác. Bạn có thể xem tất cả trong bảng dưới đây.
phương pháp | thông số | chi tiết |
---|---|---|
getPreferredLanguage | onSuccess, onError | Trả về ngôn ngữ hiện tại của khách hàng. |
getLocaleName | onSuccess, onError | Trả về cài đặt ngôn ngữ hiện tại của khách hàng. |
dateToString | date, onSuccess, onError, tùy chọn | Trả về ngày tháng theo ngôn ngữ và múi giờ của khách hàng. |
stringToDate | dateString, onSuccess, onError, các tùy chọn | Phân tích một ngày theo cài đặt của khách hàng. |
getCurrencyPattern | currencyCode, onSuccess, onError | Trả về mẫu tiền tệ của khách hàng. |
getDatePattern | onSuccess, onError, tùy chọn | Trả về mẫu ngày của khách hàng. |
getDateNames | onSuccess, onError, tùy chọn | Trả về một mảng tên của tháng, tuần hoặc ngày theo cài đặt của khách hàng. |
isDayLightSavingsTime | ngày, thành côngCallback, errorCallback | Được sử dụng để xác định xem giờ tiết kiệm ánh sáng ban ngày có đang hoạt động theo múi giờ và lịch của khách hàng hay không. |
getFirstDayOfWeek | onSuccess, onError | Trả về ngày đầu tiên trong tuần theo cài đặt của khách hàng. |
numberToString | number, onSuccess, onError, các tùy chọn | Trả về số theo cài đặt của khách hàng. |
stringToNumber | string, onSuccess, onError, các tùy chọn | Phân tích một số theo cài đặt của khách hàng. |
getNumberPattern | onSuccess, onError, tùy chọn | Trả về mẫu số theo cài đặt của khách hàng. |