Sencha Touch - przegląd

Sencha Touch to popularna platforma Sencha do tworzenia interfejsu użytkownika dla aplikacji mobilnych. Pomaga deweloperowi stworzyć aplikację mobilną za pomocą prostego HTML, CSS, JS, która obsługuje wiele urządzeń mobilnych, takich jak Android, IOS, BlackBerry i Windows. Oparty jest na architekturze MVC. Najnowsza wersja Sencha Touch to 2.4.

Historia Sencha Touch

Po wydaniu innego produktu Senchy, ExtJs, który był przeznaczony do aplikacji internetowych, pojawiła się potrzeba opracowania frameworka, który będzie działał również na urządzeniach mobilnych.

Pierwsza wersja Sencha Touch była wersją beta 0.9, która obsługiwała urządzenia z systemem Android i IOS. Później pierwsze główne wydanie Sencha Touch w wersji 1.0 pojawiło się w listopadzie 2010, która była pierwszą stabilną wersją i również obsługiwanymi urządzeniami Blackberry.

Najnowsza wersja Sencha Touch to wersja 2.4 wydana w czerwcu 2015 roku, która obsługuje wiele urządzeń, takich jak Windows, Tizen wraz z systemem Android, IOS, BlackBerry OS 10, Google Chrome na Androida i mobilne Safari itp.

Cechy Sencha Touch

Oto najważniejsze cechy Sencha Touch -

  • Konfigurowalny i ponad 50 wbudowanych widżetów UI z kolekcją bogatych interfejsów użytkownika, takich jak listy, karuzele, formularze, menu i paski narzędzi, stworzonych specjalnie dla platform mobilnych.

  • Zgodność kodu nowych wersji ze starszą.

  • Elastyczny menedżer układu, który pomaga organizować wyświetlanie danych i treści na wielu urządzeniach mobilnych z różnymi systemami operacyjnymi.

  • Struktura obejmuje solidny pakiet danych, który może wykorzystywać dane z dowolnego źródła danych zaplecza.

  • Adaptacyjne układy, animacje i płynne przewijanie zapewniają lepsze wrażenia z użytkowania aplikacji mobilnej.

  • Gotowe do użycia, natywne motywy dla każdej większej platformy umożliwiają dostosowanie aplikacji internetowych i hybrydowych do wyglądu i działania platform docelowych.

Sencha Touch ─ Korzyści

Sencha Touch to wiodący standard tworzenia aplikacji internetowych na poziomie biznesowym. Oferuje narzędzia niezbędne do tworzenia solidnych aplikacji dla większości urządzeń mobilnych, zapewniając pojedynczą platformę do tworzenia aplikacji. Oto niektóre korzyści -

  • Zapewnia responsywną funkcję dotykową, dzięki czemu użytkownik może łatwo nawigować podczas korzystania z aplikacji mobilnej.

  • Zapewnia zgodność ze wszystkimi najnowszymi wersjami systemów IOS, Android i Blackberry oraz Windows.

  • Zapewnia najszybszą możliwą prędkość pożądaną dla każdej aplikacji mobilnej.

  • Zapewnia ekonomiczne rozwiązanie dzięki kompatybilności z różnymi platformami.

  • Oparty na natywnych interfejsach API i podstawowych językach tworzenia stron internetowych, takich jak HTML, CSS, JS, co ułatwia programistom zrozumienie Sencha Touch.

Sencha Touch ─ Ograniczenia

Sencha Touch API nie ma następujących możliwości -

  • Aplikacja nie ma dostępu do aparatu urządzenia, kontaktów ani akcelerometru.

  • Nie zapewnia funkcji powiadomień push. W tym celu musimy użyć gniazd sieciowych lub długiego odpytywania.

  • Zgodnie z ogólną polityką licencji publicznych, jest bezpłatny dla aplikacji open source, ale płatny w przypadku zastosowań komercyjnych.

  • To nie jest dobre dla zaawansowanych aplikacji graficznych i animacyjnych, takich jak aplikacje do gier.

Sencha Touch ─ Narzędzia

Sencha SDK

To jest zestaw deweloperski Sencha użyty do stworzenia szkieletu projektu. Używamy polecenia „sencha -sdk ścieżka / do / touch generuj nazwę aplikacji”, aby utworzyć aplikację o nazwie podanej w poleceniu.

Po utworzeniu aplikacji możesz zobaczyć w niej następujące pliki -

  • app - Ten folder zawiera model, widok, kontroler i pliki do przechowywania aplikacji.

  • app.js- To jest główny plik JS Twojej aplikacji. Z tego pliku rozpoczyna się przepływ kodu Sencha.

  • app.json - To jest plik konfiguracyjny aplikacji, wszystkie szczegóły konfiguracji znajdują się tutaj.

  • index.html - To jest główny plik html, do którego dołączamy plik app.js i inne pliki związane z Sencha.

  • package.json - Ten plik zawiera wszystkie zależności i inne informacje związane z aplikacją.

  • resources - Ten folder zawiera wszystkie pliki CSS i obrazy wymagane dla aplikacji.

Sencha CMD

Sencha CMD to narzędzie wiersza poleceń, które zapewnia funkcje minifikacji kodu Sencha Touch, tworzenia rusztowań, generowania kompilacji i innych przydatnych funkcji do celów produkcyjnych.

Używamy polecenia „Pakiet kompilacji aplikacji Sencha” w wierszu poleceń, aby zbudować odpowiednią aplikację. Przejdź do katalogu aplikacji w wierszu polecenia i wpisz powyższe polecenie. Gdy kompilacja się powiedzie, zobaczymy zminimalizowaną wersję aplikacji używaną zasadniczo do celów produkcyjnych.

Można to pobrać z https://www.sencha.com/products/extjs/cmd-download/

Inspektor Sencha

Sencha Inspector to narzędzie do debugowania do debugowania dowolnego problemu w kodzie Sencha podczas programowania.