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>