Sencha Touch - Panoramica

Sencha Touch è un framework popolare di Sencha per la creazione di un'interfaccia utente per applicazioni mobili. Aiuta lo sviluppatore a creare un'app mobile utilizzando HTML, CSS, JS semplice che supporta molti dispositivi mobili come Android, IOS, BlackBerry e Windows. Si basa sull'architettura MVC. L'ultima versione di Sencha Touch è la 2.4.

Storia di Sencha Touch

Dopo aver rilasciato l'altro prodotto di Sencha, ExtJs, che era per applicazioni web, c'era la necessità di sviluppare un framework che funzionasse anche su dispositivi mobili.

La prima versione di Sencha Touch era la versione 0.9 beta, che supportava i dispositivi Android e IOS. Successivamente, la prima versione principale di Sencha Touch versione 1.0 è stata nel novembre 2010, che era la prima versione stabile e supportava anche i dispositivi Blackberry.

L'ultima versione di Sencha Touch è la versione 2.4 rilasciata a giugno 2015, che supporta molti dispositivi come Windows, Tizen insieme ad Android, IOS, BlackBerry OS 10, Google Chrome per Android e Safari mobile, ecc.

Caratteristiche di Sencha Touch

Di seguito sono riportate le caratteristiche più importanti di Sencha Touch:

  • Personalizzabili e oltre 50 widget dell'interfaccia utente incorporati con una raccolta di un'interfaccia utente ricca come elenchi, caroselli, moduli, menu e barre degli strumenti, creati appositamente per piattaforme mobili.

  • Compatibilità del codice delle nuove versioni con quella precedente.

  • Un gestore di layout flessibile che aiuta a organizzare la visualizzazione di dati e contenuti su più dispositivi mobili con sistemi operativi diversi.

  • Il framework include un robusto pacchetto di dati in grado di utilizzare i dati da qualsiasi origine dati di backend.

  • Layout adattivi, animazioni e scorrimento fluido per una migliore esperienza d'uso dell'applicazione Web mobile.

  • Temi pronte all'uso e dall'aspetto nativo per tutte le principali piattaforme consentono di far corrispondere le applicazioni web e ibride all'aspetto delle piattaforme di destinazione.

Sencha Touch ─ Vantaggi

Sencha Touch è lo standard principale per lo sviluppo di applicazioni web di livello aziendale. Offre gli strumenti necessari per creare applicazioni robuste per la maggior parte dei dispositivi mobili fornendo un'unica piattaforma per lo sviluppo di applicazioni. Di seguito sono riportati alcuni dei vantaggi:

  • Fornisce una funzionalità tattile reattiva, quindi l'utente può facilmente navigare durante l'utilizzo dell'app mobile.

  • Fornisce compatibilità con tutte le ultime versioni di IOS, Android, Blackberry e Windows.

  • Fornisce la massima velocità possibile desiderabile per qualsiasi applicazione mobile.

  • Fornisce una soluzione conveniente grazie alla sua compatibilità multipiattaforma.

  • Basato su API native e linguaggi di sviluppo web di base come HTML, CSS, JS che rendono più facile per uno sviluppatore comprendere Sencha Touch.

Sencha Touch ─ Limitazioni

Sencha Touch API non ha le seguenti funzionalità:

  • L'app non ha accesso alla fotocamera, ai contatti e all'accelerometro del dispositivo.

  • Non fornisce la funzione di notifica push. Per questo, dobbiamo usare websocket o polling lungo.

  • Secondo la politica di licenza pubblica generale, è gratuito per le applicazioni open source, ma a pagamento per le applicazioni commerciali.

  • Non va bene per la grafica hardcore e le app di animazione come per le app di gioco.

Sencha Touch ─ Strumenti

Sencha SDK

Questo è il kit di sviluppo Sencha utilizzato per creare uno scheletro del progetto. Usiamo il comando "sencha -sdk path / to / touch generate app appName" per creare un'app con il nome dato nel comando.

Quando l'app viene creata, puoi vedere i seguenti file nell'app:

  • app - Questa cartella contiene il modello, la vista, il controller e i file di archivio per l'app.

  • app.js- Questo è il file JS principale per la tua applicazione. Da questo file inizia il flusso del codice Sencha.

  • app.json - Questo è il file di configurazione per l'app, tutti i dettagli di configurazione sono presenti qui.

  • index.html - Questo è il file html principale in cui includiamo app.js e altri file relativi a Sencha.

  • package.json - Questo file contiene tutte le dipendenze e altre informazioni relative all'app.

  • resources - Questa cartella include tutti i file CSS e le immagini necessari per l'applicazione.

Sencha CMD

Sencha CMD è uno strumento a riga di comando che fornisce le funzionalità di minimizzazione del codice Sencha Touch, scaffolding, generazione di build e altre utili funzionalità per scopi di produzione.

Usiamo il comando "Sencha app build package" nel prompt dei comandi per creare l'applicazione per questo. Vai alla directory dell'app nel prompt dei comandi e digita il comando precedente. Una volta che la build avrà esito positivo, vedremo la versione ridotta dell'applicazione utilizzata fondamentalmente per scopi di produzione.

Questo può essere scaricato da https://www.sencha.com/products/extjs/cmd-download/

Ispettore Sencha

Sencha Inspector è uno strumento di debug per eseguire il debug di qualsiasi problema nel codice Sencha durante lo sviluppo.