Sencha Touch - Yapılar
Günümüzün web uygulaması talebi, daha az geliştirme çabası ile hızlı bir uygulama geliştirmektir. Sencha Touch, özel bir yapı oluşturmak için tesisle birlikte geliştirme veya üretim koduna dayalı olarak seçim yapabileceğiniz bir dizi yapı kitaplığı sağladığı için bunu kolaylıkla yapmanıza yardımcı olur.
Sencha Touch derleme kitaplıkları sınıfları dinamik olarak yükler. Dinamik yükleme, gerektiğinde yüklenen sınıfları ifade eder ve yalnızca uygulamada gerekli olan sınıflar dahil edilir. Bu, yüklenecek dosya sayısı azaldıkça uygulamanın daha hızlı çalışmasını sağlar ve aynı zamanda yükleme süresini azaltır.
Sencha Touch 2.x, aşağıdaki beş yapı kitaplığını sağlar.
| Sr.No. | Yapılar ve Kullanım |
|---|---|
| 1 | sencha-touchdebug.js Bu yapı, uygulamayı yerel olarak geliştirirken kullanılır. Geliştirme sırasında kolay hata ayıklama için tüm yorumları ve hata ayıklama günlüklerini içeren küçültülmemiş bir sürümdür. |
| 2 | senchatouch.js Bu dosya üretim amaçlı kullanılmaktadır. Özel bir yapıya sahip olduğumuzda küçültülmüş versiyondur. |
| 3 | sencha-touchall.js Bu dosya üretim amaçlı kullanılmaktadır. Özel bir yapımız olmadığında küçültülmüş versiyondur. |
| 4 | sencha-touchall-debug.js Bu dosya, üretimde hata ayıklama için kullanılır. Küçültülmemiştir ve tüm yorumları ve hata ayıklama günlüklerini içerir. |
| 5 | sencha-touchall-compat.js Bu yapı, 1.x sürümünü 2.x sürümüne taşımak için kullanılır. Sürüm 1.x kodunun uyumlu olmadığı ve kod değişikliği gerektiren her yerde uyarı verir. |
Yukarıda belirtilen yapılarla Sencha Touch, özel yapılar oluşturmak için bir tesis sağlar.
Özel Bir Yapıya Sahip Olmanın Avantajları
Özel derleme, tüm dokunmatik dosyaları yüklemez. Yalnızca uygulamada kullandığımız dosyaları yükler, bu da uygulamayı daha hızlı ve kolay bakım yapılabilir hale getirir.
Sencha CMD, özel bir yapı oluşturmak için kullanılır. Sencha CMD'de özel bir yapı oluşturmak için, uygulama dosyasının bulunduğu dizine gidin ve bir yapı oluşturmak için aşağıdaki komutlardan birini yazın.
| Sr.No. | Komut ve Kullanım |
|---|---|
| 1 | sencha app build native Uygulamayı oluşturur ve bir uygulamayı paketlemek için kullanabileceğiniz packager.temp.json adlı bir dosya hazırlar - packager.temp.json, packager.json ile aynıdır, ancak ek yollar içerir. |
| 2 | sencha app build -run native Uygulamayı oluşturur ve otomatik olarak paketler ve uygun simülatörü başlatır. |
| 3 | sencha app build package Uygulamayı paketleme desteğiyle oluşturur, ancak bir paketleyici JSON dosyası yapılandırmaz. Bu, birden çok packager.json dosyasını manuel olarak tutan projeler için kullanışlıdır. |
Derleme başarılı olduğunda, üretime hazır hale getirmek için index.html'ye eklememiz gereken all-classes.js dosyasını oluşturacaktır.
Aşağıdaki kod, üretime hazır kod için yapılması gereken değişiklikleri göstermektedir.
Index.html before building application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-debug.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
</head>
<body>
</body>
</html>Index.html after building the application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
<script type = "text/javascript" src = "app-classes.js"> </script>
</head>
<body>
</body>
</html>