Sencha Touch - Übersicht

Sencha Touch ist ein beliebtes Framework von Sencha zum Erstellen einer Benutzeroberfläche für mobile Anwendungen. Es hilft dem Entwickler, eine mobile App mit einfachem HTML, CSS und JS zu erstellen, die viele mobile Geräte wie Android, IOS, BlackBerry und Windows unterstützt. Es basiert auf der MVC-Architektur. Die neueste Version von Sencha Touch ist 2.4.

Geschichte von Sencha Touch

Nach der Veröffentlichung von Senchas anderem Produkt ExtJs für Webanwendungen musste ein Framework entwickelt werden, das auch auf Mobilgeräten funktioniert.

Die erste Version von Sencha Touch war die Beta-Version 0.9, die Android- und IOS-Geräte unterstützte. Später war die erste Hauptversion von Sencha Touch Version 1.0 im November 2010, der ersten stabilen Version, die auch Blackberry-Geräte unterstützte.

Die neueste Version von Sencha Touch ist die im Juni 2015 veröffentlichte Version 2.4, die viele Geräte wie Windows, Tizen sowie Android, IOS, BlackBerry OS 10, Google Chrome für Android und mobile Safari usw. unterstützt.

Eigenschaften von Sencha Touch

Im Folgenden sind die wichtigsten Funktionen von Sencha Touch aufgeführt:

  • Anpassbare und mehr als 50 integrierte UI-Widgets mit einer Sammlung umfangreicher Benutzeroberflächen wie Listen, Karussells, Formulare, Menüs und Symbolleisten, die speziell für mobile Plattformen erstellt wurden.

  • Code-Kompatibilität neuer Versionen mit der älteren.

  • Ein flexibler Layout-Manager, mit dem die Anzeige von Daten und Inhalten auf mehreren Mobilgeräten mit unterschiedlichen Betriebssystemen organisiert werden kann.

  • Das Framework enthält ein robustes Datenpaket, das Daten aus jeder Backend-Datenquelle verwenden kann.

  • Adaptive Layouts, Animationen und flüssiges Scrollen für ein besseres mobiles Webanwendungserlebnis.

  • Mit sofort einsatzbereiten, nativ aussehenden Themen für jede wichtige Plattform können Web- und Hybridanwendungen an das Erscheinungsbild der Zielplattformen angepasst werden.

Sencha Touch ─ Vorteile

Sencha Touch ist der führende Standard für die Entwicklung von Webanwendungen für Unternehmen. Es bietet die Tools, die zum Erstellen robuster Anwendungen für die meisten Mobilgeräte erforderlich sind, und bietet eine einzige Plattform für die Entwicklung von Anwendungen. Im Folgenden sind einige der Vorteile aufgeführt:

  • Bietet eine reaktionsschnelle Touch-Funktion, sodass der Benutzer problemlos mit der mobilen App navigieren kann.

  • Bietet Kompatibilität mit den neuesten Versionen von IOS, Android und Blackberry sowie Windows.

  • Bietet die schnellstmögliche Geschwindigkeit, die für jede mobile Anwendung wünschenswert ist.

  • Bietet eine kostengünstige Lösung mit plattformübergreifender Kompatibilität.

  • Basierend auf den nativen APIs und grundlegenden Webentwicklungssprachen wie HTML, CSS und JS, die es Entwicklern erleichtern, Sencha Touch zu verstehen.

Sencha Touch ─ Einschränkungen

Die Sencha Touch API verfügt nicht über die folgenden Funktionen:

  • Die App hat keinen Zugriff auf die Kamera, die Kontakte und den Beschleunigungsmesser des Geräts.

  • Die Push-Benachrichtigungsfunktion wird nicht bereitgestellt. Dafür müssen wir Websockets oder Long Polling verwenden.

  • Gemäß den allgemeinen Richtlinien für öffentliche Lizenzen ist es für Open Source-Anwendungen kostenlos, wird jedoch für kommerzielle Anwendungen bezahlt.

  • Es ist nicht gut für Hardcore-Grafik- und Animations-Apps wie Gaming-Apps.

Sencha Touch ─ Werkzeuge

Sencha SDK

Dies ist das Sencha-Entwicklungskit, mit dem ein Skelett des Projekts erstellt wird. Wir verwenden den Befehl "sencha -sdk Pfad / to / touch App AppName generieren", um eine App mit dem im Befehl angegebenen Namen zu erstellen.

Wenn die App erstellt wird, sehen Sie die folgenden Dateien in der App:

  • app - Dieser Ordner enthält Modell-, Ansichts-, Controller- und Speicherdateien für die App.

  • app.js- Dies ist die Haupt-JS-Datei für Ihre Anwendung. Ab dieser Datei startet der Sencha-Code-Fluss.

  • app.json - Dies ist die Konfigurationsdatei für die App. Alle Konfigurationsdetails finden Sie hier.

  • index.html - Dies ist die Haupt-HTML-Datei, in die wir die app.js und andere Sencha-bezogene Dateien aufnehmen.

  • package.json - Diese Datei enthält alle Abhängigkeiten und sonstigen Informationen zur App.

  • resources - Dieser Ordner enthält alle für die Anwendung erforderlichen CSS-Dateien und Bilder.

Sencha CMD

Sencha CMD ist ein Befehlszeilentool, das die Funktionen der Sencha Touch-Code-Minimierung, des Gerüsts, der Build-Generierung und anderer nützlicher Funktionen für Produktionszwecke bietet.

Wir verwenden den Befehl "Sencha App Build Package" in der Eingabeaufforderung, um die Anwendung dafür zu erstellen. Wechseln Sie in das App-Verzeichnis an der Eingabeaufforderung und geben Sie den obigen Befehl ein. Sobald der Build erfolgreich ist, wird die verkleinerte Version der Anwendung angezeigt, die hauptsächlich für Produktionszwecke verwendet wird.

Dies kann von heruntergeladen werden https://www.sencha.com/products/extjs/cmd-download/

Sencha Inspector

Sencha Inspector ist ein Debugging-Tool zum Debuggen von Problemen im Sencha-Code während der Entwicklung.