Sencha Touch - buduje

Dzisiejsze zapotrzebowanie na aplikację internetową polega na tworzeniu szybkiej aplikacji przy mniejszym wysiłku programistycznym. Sencha Touch pomaga w tym z łatwością, ponieważ zapewnia wiele bibliotek kompilacji do wyboru, w oparciu o kod programistyczny lub produkcyjny, a także możliwość tworzenia niestandardowej kompilacji.

Biblioteki kompilacji Sencha Touch ładują klasy dynamicznie. Dynamiczne ładowanie oznacza klasy, które są ładowane w razie potrzeby i zostaną uwzględnione tylko te klasy, które są wymagane w aplikacji. Dzięki temu aplikacja działa szybciej, ponieważ zmniejsza się liczba ładowanych plików, jednocześnie skracając czas ładowania.

Sencha Touch 2.x zapewnia następujące pięć bibliotek kompilacji.

Sr.No. Konstrukcje i użytkowanie
1

sencha-touchdebug.js

Ta kompilacja jest używana podczas lokalnego tworzenia aplikacji. Jest to niezminifikowana wersja ze wszystkimi komentarzami i dziennikami debugowania dla łatwego debugowania podczas programowania.

2

senchatouch.js

Ten plik jest używany do celów produkcyjnych. Jest to wersja zminimalizowana, gdy mamy niestandardową kompilację.

3

sencha-touchall.js

Ten plik jest używany do celów produkcyjnych. Jest to wersja zminimalizowana, gdy nie mamy niestandardowej kompilacji.

4

sencha-touchall-debug.js

Ten plik jest używany do debugowania w środowisku produkcyjnym. Nie jest zminimalizowany i zawiera wszystkie komentarze i dzienniki debugowania.

5

sencha-touchall-compat.js

Ta kompilacja służy do migracji wersji 1.x do wersji 2.x. Daje ostrzeżenie, gdy kod wersji 1.x jest niezgodny i wymaga modyfikacji.

Dzięki wyżej wymienionym kompilacjom Sencha Touch zapewnia możliwość tworzenia niestandardowych kompilacji.

Zalety posiadania niestandardowej wersji

Kompilacja niestandardowa nie ładuje wszystkich plików dotykowych. Ładuje tylko te pliki, których używamy w aplikacji, dzięki czemu aplikacja jest szybsza i łatwa w utrzymaniu.

Sencha CMD służy do tworzenia niestandardowych kompilacji. Aby utworzyć niestandardową kompilację w Sencha CMD, przejdź do katalogu, w którym znajduje się plik aplikacji i wpisz jedno z następujących poleceń, aby utworzyć kompilację.

Sr.No. Polecenie i użycie
1

sencha app build native

Buduje aplikację i przygotowuje plik o nazwie packager.temp.json, którego można użyć do spakowania aplikacji - plik packager.temp.json jest taki sam jak plik packager.json, ale zawiera dodatkowe ścieżki.

2

sencha app build -run native

Tworzy i automatycznie pakuje aplikację oraz uruchamia odpowiedni symulator.

3

sencha app build package

Kompiluje aplikację z obsługą pakowania, ale nie konfiguruje pliku JSON programu pakującego. Jest to przydatne w przypadku projektów, które ręcznie obsługują wiele plików packager.json.

Gdy kompilacja się powiedzie, wygeneruje plik all-classes.js, który musimy dołączyć do naszego index.html, aby był gotowy do produkcji.

Poniższy kod przedstawia zmiany, które należy wprowadzić dla kodu gotowego do produkcji.

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>