Sencha Touch - Membangun
Permintaan saat ini akan aplikasi web adalah mengembangkan aplikasi yang cepat dengan sedikit upaya pengembangan. Sencha Touch membantu melakukannya dengan mudah karena menyediakan sejumlah pustaka build untuk dipilih, berdasarkan kode pengembangan atau produksi bersama dengan fasilitas untuk membuat build kustom.
Pustaka build Sencha Touch memuat kelas secara dinamis. Pemuatan dinamis adalah singkatan dari kelas-kelas yang dimuat saat diperlukan dan hanya kelas-kelas itu yang akan disertakan yang diperlukan dalam aplikasi. Ini membuat aplikasi berjalan lebih cepat karena jumlah file yang akan dimuat berkurang, secara bersamaan mengurangi waktu untuk memuat.
Sencha Touch 2.x menyediakan lima pustaka build berikut.
| Sr.No. | Build & Penggunaan |
|---|---|
| 1 | sencha-touchdebug.js Versi ini digunakan saat mengembangkan aplikasi secara lokal. Ini adalah versi nonminified dengan semua komentar dan log debug untuk memudahkan debugging saat pengembangan. |
| 2 | senchatouch.js File ini digunakan untuk tujuan produksi. Ini adalah versi yang dikecilkan ketika kami memiliki versi khusus. |
| 3 | sencha-touchall.js File ini digunakan untuk tujuan produksi. Ini adalah versi yang diperkecil jika kami tidak memiliki versi khusus. |
| 4 | sencha-touchall-debug.js File ini digunakan untuk debugging dalam produksi. Itu tidak diminimalkan dan memiliki semua komentar dan log debug. |
| 5 | sencha-touchall-compat.js Versi ini digunakan untuk memigrasi versi 1.x ke versi 2.x. Ini memberi peringatan jika kode versi 1.x tidak kompatibel dan memerlukan modifikasi kode. |
Dengan build yang disebutkan di atas, Sencha Touch menyediakan fasilitas untuk membuat build khusus.
Keuntungan Memiliki Custom Build
Build kustom tidak memuat semua file sentuh. Itu memuat hanya file-file itu, yang kita gunakan dalam aplikasi, yang membuat aplikasi lebih cepat dan mudah dipelihara.
Sencha CMD digunakan untuk membuat custom build. Untuk membuat build kustom di Sencha CMD, buka direktori tempat file aplikasi berada dan ketikkan salah satu perintah berikut untuk membuat build.
| Sr.No. | Perintah & Penggunaan |
|---|---|
| 1 | sencha app build native Membangun aplikasi dan menyiapkan file bernama packager.temp.json yang bisa Anda gunakan untuk mengemas aplikasi - packager.temp.json sama dengan packager.json, tetapi berisi jalur tambahan. |
| 2 | sencha app build -run native Membangun dan secara otomatis mengemas aplikasi, dan meluncurkan simulator yang sesuai. |
| 3 | sencha app build package Membangun aplikasi dengan dukungan pengemasan, tetapi tidak mengonfigurasi file JSON pengemas. Ini berguna untuk proyek yang mengelola beberapa file packager.json secara manual. |
Setelah build berhasil, ini akan menghasilkan file all-class.js yang perlu kita sertakan dalam index.html untuk membuatnya siap produksi.
Kode berikut menunjukkan perubahan yang harus dilakukan untuk kode siap produksi.
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>