Sencha Touch - Environnement

Configuration de l'environnement local

Cette section vous explique comment télécharger et configurer Sencha Touch sur votre appareil. Veuillez suivre les étapes pour configurer l'environnement.

Téléchargement de fichiers de bibliothèque

Téléchargez une version commerciale des fichiers de la bibliothèque Sencha Touch à partir du lien suivant https://www.sencha.com. Vous obtiendrez la version d'essai du site sur votre identifiant de messagerie enregistré, qui sera un dossier zippé nommé sencha-touch-2.4.2-commercial.

Décompressez le dossier et vous trouverez divers fichiers JavaScript et CSS à inclure dans votre application. Incluez principalement les fichiers suivants -

Javascript Files - Le fichier JS que vous pouvez trouver dans le dossier \ sencha-touch-2.4.2commercial \ touch-2.4.2 sont -

Sr.Non Description du fichier
1

sencha-touch.js

Il s'agit du fichier principal qui contient toutes les fonctionnalités pour exécuter l'application.

2

sencha-touch-all.js

Ce fichier contient tout le code minifié sans commentaires dans le fichier.

3

sencha-touch-debug.js

Il s'agit de la version non réduite de sencha-touch-all.js à des fins de débogage.

4

sencha-touch-all-debug.js

Ce fichier est également non réduit et est utilisé à des fins de développement car il contient tous les commentaires et les journaux de la console pour vérifier les erreurs / problèmes.

Vous pouvez ajouter ces fichiers au dossier JS de vos projets ou vous pouvez fournir un chemin direct où les fichiers résident dans votre système.

CSS Files - Il existe un certain nombre de fichiers basés sur des thèmes que vous pouvez trouver dans le dossier I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css

Ces fichiers de bibliothèque seront ajoutés dans l'application Sencha Touch comme suit -

<html>
   <head>
      <script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>  
      <link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

Vous pouvez conserver le code de l'application Sencha Touch dans le fichier app.js.

Configuration CDN

CDN est un réseau de diffusion de contenu avec lequel vous n'avez pas besoin de télécharger les fichiers de la bibliothèque Sencha Touch, vous pouvez à la place ajouter directement un lien CDN pour ExtJS à votre programme comme suit -

<html>
   <head>
      <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>    
      <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

Rédacteurs populaires

Comme il s'agit d'un framework JavaScript utilisé pour développer des applications Web, le projet aura des fichiers HTML, JS, et pour écrire vos programmes Ext JS, vous aurez besoin d'un éditeur de texte. Il existe plusieurs IDE disponibles sur le marché. Mais pour l'instant, vous pouvez envisager l'un des éléments suivants -

  • Notepad - Sur une machine Windows, vous pouvez utiliser n'importe quel éditeur de texte simple tel que Notepad (recommandé pour ce tutoriel), Notepad ++.

  • Brackets - Un autre IDE populaire qui peut être téléchargé depuis http://brackets.io/ .

  • Sublime - Un autre IDE populaire qui peut être téléchargé depuis https://www.sublimetext.com/3/ .