Cordova - Küreselleşme

Bu eklenti, kullanıcıların yerel dili, tarih ve saat dilimi, para birimi vb. Hakkında bilgi almak için kullanılır.

Adım 1 - Globalization Eklentisinin Kurulması

Açık command prompt ve aşağıdaki kodu yazarak eklentiyi kurun

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

Adım 2 - Düğme Ekleme

Birkaç düğme ekleyeceğiz index.html daha sonra oluşturacağımız farklı yöntemleri çağırabilmek.

<button id = "getLanguage">LANGUAGE</button>
<button id = "getLocaleName">LOCALE NAME</button>
<button id = "getDate">DATE</button>
<button id = "getCurrency">CURRENCY</button>

3. Adım - Etkinlik İşleyicileri Ekleyin

Olay dinleyicileri içeriye eklenecek getDeviceReady işlev index.js Uygulamamızın ve Cordova'nın biz onu kullanmaya başlamadan önce yüklendiğinden emin olmak için dosya.

document.getElementById("getLanguage").addEventListener("click", getLanguage);
document.getElementById("getLocaleName").addEventListener("click", getLocaleName);
document.getElementById("getDate").addEventListener("click", getDate);
document.getElementById("getCurrency").addEventListener("click", getCurrency);

Adım 4A - Dil İşlevi

Kullandığımız ilk işlev, istemcinin cihazının BCP 47 dil etiketini döndürür. KullanacağızgetPreferredLanguageyöntem. Fonksiyonun başarıda iki parametresi vardır veonError. Bu işlevi şuraya ekliyoruz:index.js.

function getLanguage() {
   navigator.globalization.getPreferredLanguage(onSuccess, onError);

   function onSuccess(language) {
      alert('language: ' + language.value + '\n');
   }

   function onError(){
      alert('Error getting language');
   }
}

Bir kez bastığımızda LANGUAGE düğmesi, uyarı ekranda gösterilecektir.

Adım 4B - Yerel Ayar Fonksiyonu

Bu işlev, istemcinin yerel ayarları için BCP 47 etiketini döndürür. Bu işlev, daha önce oluşturduğumuza benzer. Tek fark, kullanmamızgetLocaleName bu sefer yöntem.

function getLocaleName() {
   navigator.globalization.getLocaleName(onSuccess, onError);

   function onSuccess(locale) {
      alert('locale: ' + locale.value);
   }

   function onError(){
      alert('Error getting locale');
   }
}

Tıkladığımızda LOCALE düğmesi, uyarı yerel etiketimizi gösterecektir.

Adım 4C - Tarih İşlevi

Bu işlev, istemcinin yerel ayarına ve saat dilimi ayarına göre tarihi döndürmek için kullanılır. date parametre güncel tarih ve options parametresi isteğe bağlıdır.

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');
   }
}

Şimdi uygulamayı çalıştırabilir ve DATE Geçerli tarihi görmek için düğmesine basın.

Göstereceğimiz son işlev, müşterinin cihaz ayarlarına ve ISO 4217 para birimi koduna göre para birimi değerlerini döndürmektir. Kavramın aynı olduğunu görebilirsiniz.

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');
   }
}

CURRENCY düğmesi, kullanıcılara para birimi modelini gösterecek bir uyarıyı tetikleyecektir.

Bu eklenti başka yöntemler sunar. Hepsini aşağıdaki tabloda görebilirsiniz.

yöntem	parametreleri	detaylar
getPreferredLanguage	onSuccess, onError	Müşterinin mevcut dilini döndürür.
getLocaleName	onSuccess, onError	İstemcinin mevcut yerel ayarlarını döndürür.
dateToString	date, onSuccess, onError, seçenekler	Tarihi, müşterinin bulunduğu yere ve saat dilimine göre döndürür.
stringToDate	dateString, onSuccess, onError, seçenekler	İstemcinin ayarlarına göre bir tarih ayrıştırır.
getCurrencyPattern	currencyCode, onSuccess, onError	Müşterinin para birimi modelini döndürür.
getDatePattern	onSuccess, onError, seçenekler	Müşterinin tarih desenini döndürür.
getDateNames	onSuccess, onError, seçenekler	Müşterinin ayarlarına göre ayların, haftaların veya günlerin bir dizi adını döndürür.
isDayLightSavingsTime	tarih, successCallback, errorCallback	Yaz saati uygulamasının müşterinin saat dilimine ve takvimine göre etkin olup olmadığını belirlemek için kullanılır.
getFirstDayOfWeek	onSuccess, onError	İstemci ayarlarına göre haftanın ilk gününü döndürür.
numberToString	sayı, onSuccess, onError, seçenekler	Müşterinin ayarlarına göre numarayı döndürür.
stringToNumber	string, onSuccess, onError, seçenekler	İstemcinin ayarlarına göre bir sayı ayrıştırır.
getNumberPattern	onSuccess, onError, seçenekler	Numara modelini müşterinin ayarlarına göre döndürür.