Sencha Touch - Costruisce
La richiesta odierna di un'applicazione web è sviluppare un'applicazione veloce con meno sforzi di sviluppo. Sencha Touch aiuta a farlo con facilità in quanto fornisce una serie di librerie di build tra cui scegliere, in base al codice di sviluppo o di produzione insieme alla struttura per creare una build personalizzata.
Le librerie di compilazione Sencha Touch caricano le classi in modo dinamico. Il caricamento dinamico indica le classi che vengono caricate quando richiesto e verranno incluse solo quelle classi richieste nell'applicazione. Ciò rende l'applicazione più veloce poiché il numero di file da caricare si riduce, diminuendo contemporaneamente il tempo di caricamento.
Sencha Touch 2.x fornisce le seguenti cinque librerie di build.
| Sr.No. | Build e utilizzo |
|---|---|
| 1 | sencha-touchdebug.js Questa build viene utilizzata durante lo sviluppo dell'applicazione in locale. È una versione non minimizzata con tutti i commenti e i log di debug per un facile debug durante lo sviluppo. |
| 2 | senchatouch.js Questo file viene utilizzato per scopi di produzione. È la versione minimizzata quando abbiamo una build personalizzata. |
| 3 | sencha-touchall.js Questo file viene utilizzato per scopi di produzione. È la versione minimizzata quando non abbiamo una build personalizzata. |
| 4 | sencha-touchall-debug.js Questo file viene utilizzato per il debug in produzione. Non è minimizzato e contiene tutti i commenti e i log di debug. |
| 5 | sencha-touchall-compat.js Questa build viene utilizzata per migrare la versione 1.x alla versione 2.x. Fornisce un avviso ogni volta che il codice della versione 1.x non è compatibile e necessita di modifica del codice. |
Con le build sopra menzionate, Sencha Touch fornisce una struttura per creare build personalizzate.
Vantaggi di avere una build personalizzata
La build personalizzata non carica tutti i file touch. Carica solo quei file che stiamo usando nell'applicazione, il che rende l'applicazione più veloce e facilmente gestibile.
Sencha CMD viene utilizzato per creare una build personalizzata. Per creare una build personalizzata in Sencha CMD, vai alla directory in cui risiede il file dell'app e digita uno dei seguenti comandi per creare una build.
| Sr.No. | Comando e utilizzo |
|---|---|
| 1 | sencha app build native Compila l'app e prepara un file chiamato packager.temp.json che puoi utilizzare per creare il pacchetto di un'applicazione: packager.temp.json è uguale a packager.json, ma contiene percorsi aggiuntivi. |
| 2 | sencha app build -run native Crea e crea automaticamente il pacchetto dell'applicazione e avvia il simulatore appropriato. |
| 3 | sencha app build package Compila l'app con il supporto per la creazione di pacchetti, ma non configura un file JSON di packager. Ciò è utile per i progetti che gestiscono manualmente più file packager.json. |
Una volta che la compilazione ha successo, genererà il file all-classes.js che dobbiamo includere nel nostro index.html per renderlo pronto per la produzione.
Il codice seguente mostra le modifiche da apportare per il codice pronto per la produzione.
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>