Background
24 Mayıs 2014 Cumartesi
meteorjs

Meteor.js ile Mobil Cihaz Ayrıştırma: mquandalle:ismobile Paketi

Meteor.js projelerinizde kullanıcı deneyimini cihaz türüne göre özelleştirmek mi istiyorsunuz? O zaman mquandalle:ismobile paketi tam size göre. Bu yazıda, isMobile paketinin ne işe yaradığını ve nasıl kullanılacağını öğreneceksiniz.


mquandalle:ismobile Nedir?

mquandalle:ismobile paketi, Meteor.js projelerinde kullanıcının cihaz türünü kolayca tespit etmenizi sağlar. Bu paket sayesinde, tarayıcı mobil bir cihazdan mı yoksa masaüstü bir cihazdan mı çalıştırılıyor kolayca öğrenebilirsiniz. Böylece mobil kullanıcılar için özelleştirilmiş bir deneyim sunabilirsiniz.


Nasıl Kurulur?

Paketi kurmak çok basit. Projenize şu komutla ekleyebilirsiniz:

meteor add mquandalle:ismobile

Kurulum tamamlandı! Şimdi kullanmaya başlayalım.


Kullanımı

JavaScript Kodunda Kullanım

JavaScript tarafında, paketi şu şekilde kullanabilirsiniz:

if (Meteor.isMobile) {
    console.log('Mobil cihaz kullanılıyor!');
} else {
    console.log('Masaüstü cihaz kullanılıyor!');
}

Bu kod, kullanıcının mobil bir cihazda olup olmadığını tespit eder ve buna göre işlem yapar.

Template İçinde Kullanım

isMobile, template tarafında da kullanılabilir. Bu, template içinde mobil cihazlara özel içerik göstermek için harika bir çözümdür. İşte bir örnek:

{{#if isMobile}}
    <p>Bu içerik sadece mobil cihazlarda görünecek!</p>
{{/if}}
<p>Bu içerik diğer tüm cihazlarda görünecek!</p>

Bu kod sayesinde mobil ve diğer cihazlar için içerikler göstermek çok kolay.


Sürekli olarak mobil cihazları kontrol eden helper'lar yazmak zaman alıcı olabilir. İşte bu noktada mquandalle:ismobile devreye giriyor ve hem JavaScript hem de template tarafında kolay bir kullanım sunuyor.


Daha Fazlası

Paketin tüm sürümlerini ve detaylı bilgilerini AtmosphereJS sayfasında bulabilirsiniz:

https://atmospherejs.com/mquandalle/ismobile