Sencha Touch - Aperçu

Sencha Touch est un framework populaire de Sencha pour créer une interface utilisateur pour les applications mobiles. Il aide le développeur à créer une application mobile à l'aide de simples HTML, CSS, JS qui prend en charge de nombreux appareils mobiles tels que Android, IOS, BlackBerry et Windows. Il est basé sur l'architecture MVC. La dernière version de Sencha Touch est la 2.4.

Histoire de Sencha Touch

Après la sortie de l'autre produit de Sencha, ExtJs, destiné aux applications Web, il était nécessaire de développer un cadre qui fonctionne également sur les appareils mobiles.

La première version de Sencha Touch était la version bêta 0.9, qui prenait en charge les appareils Android et IOS. Plus tard, la première version principale de Sencha Touch version 1.0 était en novembre 2010, qui était la première version stable et supportait également les appareils Blackberry.

La dernière version de Sencha Touch est la version 2.4 publiée en juin 2015, qui prend en charge de nombreux appareils tels que Windows, Tizen avec Android, IOS, BlackBerry OS 10, Google Chrome pour Android et Safari mobile, etc.

Caractéristiques de Sencha Touch

Voici les caractéristiques les plus importantes de Sencha Touch -

  • Personnalisable et plus de 50 widgets d'interface utilisateur intégrés avec une collection d'interfaces utilisateur riches telles que des listes, des carrousels, des formulaires, des menus et des barres d'outils, spécialement conçus pour les plates-formes mobiles.

  • Compatibilité du code des nouvelles versions avec l'ancienne.

  • Un gestionnaire de mise en page flexible qui permet d'organiser l'affichage des données et du contenu sur plusieurs appareils mobiles avec différents systèmes d'exploitation.

  • Le framework comprend un package de données robuste qui peut consommer des données à partir de n'importe quelle source de données backend.

  • Des dispositions adaptatives, des animations et un défilement fluide pour une meilleure expérience d'application Web mobile pour l'utilisation.

  • Des thèmes natifs prêts à l'emploi pour chaque plate-forme majeure permettent de faire correspondre les applications Web et hybrides à l'apparence des plates-formes cibles.

Sencha Touch ─ Avantages

Sencha Touch est la principale norme pour le développement d'applications Web de niveau professionnel. Il offre les outils nécessaires pour créer des applications robustes pour la plupart des appareils mobiles fournissant une plate-forme unique pour le développement d'applications. Voici quelques-uns des avantages -

  • Fournit une fonction tactile réactive, permettant à l'utilisateur de naviguer facilement tout en utilisant l'application mobile.

  • Fournit la compatibilité avec toutes les dernières versions d'IOS, Android et Blackberry et Windows.

  • Fournit la vitesse la plus rapide possible pour toute application mobile.

  • Fournit une solution rentable avec sa compatibilité multiplateforme.

  • Basé sur les API natives et les langages de développement Web de base tels que HTML, CSS, JS, ce qui permet à un développeur de comprendre plus facilement Sencha Touch.

Sencha Touch ─ Limitations

L'API Sencha Touch n'a pas la capacité suivante -

  • L'application n'a pas accès à la caméra, aux contacts et à l'accéléromètre de l'appareil.

  • Il ne fournit pas la fonction de notification push. Pour cela, nous devons utiliser des websockets ou des sondages longs.

  • Selon la politique générale des licences publiques, il est gratuit pour les applications open source mais payant pour les applications commerciales.

  • Ce n'est pas bon pour les applications graphiques et d'animation hardcore telles que les applications de jeu.

Sencha Touch ─ Outils

SDK Sencha

Il s'agit du kit de développement Sencha utilisé pour créer un squelette du projet. Nous utilisons la commande «sencha -sdk path / to / touch generate app appName» pour créer une application avec le nom donné dans la commande.

Lorsque l'application est créée, vous pouvez voir les fichiers suivants dans l'application -

  • app - Ce dossier contient des fichiers de modèle, de vue, de contrôleur et de stockage pour l'application.

  • app.js- Il s'agit du fichier JS principal de votre application. À partir de ce fichier, le flux de code Sencha démarre.

  • app.json - Ceci est le fichier de configuration de l'application, tous les détails de configuration sont présentés ici.

  • index.html - Ceci est le fichier html principal dans lequel nous incluons le fichier app.js et d'autres fichiers liés à Sencha.

  • package.json - Ce fichier contient toutes les dépendances et autres informations liées à l'application.

  • resources - Ce dossier comprend tous les fichiers CSS et les images nécessaires à l'application.

Sencha CMD

Sencha CMD est un outil de ligne de commande, qui fournit les fonctionnalités de minification de code Sencha Touch, d'échafaudage, de génération de build et d'autres fonctionnalités utiles à des fins de production.

Nous utilisons la commande "Sencha app build package" dans l'invite de commande pour créer l'application pour cela. Accédez au répertoire de l'application dans l'invite de commande et tapez la commande ci-dessus. Une fois la construction réussie, nous verrons la version minifiée de l'application essentiellement utilisée à des fins de production.

Cela peut être téléchargé à partir de https://www.sencha.com/products/extjs/cmd-download/

Inspecteur Sencha

Sencha Inspector est un outil de débogage pour déboguer tout problème dans le code Sencha pendant le développement.