Korzystanie z Phonegap do tworzenia aplikacji natywnych [zamknięte]

Oto wszystkie najlepsze przewodniki wydajności, jakie czytałem dla PhoneGap... istnieje wiele, aby być ostrożnym, aby upewnić się, że masz solidną, stabilną wydajność... ale możesz to wszystko zebrać w jeden wieczór czytania.

Oto najlepsze nuggety:

PhoneGap / Mobile Web Performance Tips

• Jak Diary.com zwiększono wydajność aplikacji PhoneGap z systemem Sencha: http://www.phonegap.com/2011/06/21/building-the-diary-com-ios-app-using-pg-sencha-touch /
• http://floatlearning.com/2011/03/developing-better-phonegap-apps/
• http://jslint.com/ - aby debugować javascript
• http://zeptojs.com / i http://xuijs.com/ - Minimalne alternatywne frameworki do jquery i jqtouch
• Wyłącz akcelerometr i lokalizację http://blogs.nitobi.com/jesse/2009/10/28/running-jqtouch-in-phonegap /
  • Ustaw "EnableAcceleration" na false w PhoneGap.plist
  • Ustaw "AutoRotate" na false w PhoneGap.plist
• http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
• http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone
• Demo: http://cubiq.org/dropbox/clickdelay.html
• FastClick v TouchStart: http://groups.google.com/group/phonegap/browse_thread/thread/f5f5c78e26513821?pli=1

• Http://forum.jquery.com/topic/ontouch-instead-of-onclick-event

• Http://wiki.phonegap.com/w/page/16494809/Performance-tips-for-device/

• http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices
• http://evolvingwe.com/building-an-iphone-app-part-3-7-dev-tips/
• http://evolvingwe.com/upgrading-to-phonegap1-0/

• VIDEO Wskazówki dotyczące wydajności Sencha Touch: http://vimeo.com/17882927

  • obejmuje funkcje wydajności w Sencha, które są wspaniałymi zasadami, które możemy zastosować ponownie. Być może uda nam się nawet wyciąć kod z niektórych fragmentów senchy, by ponownie ubiegać się o Skej.
  • mówi, że musimy zniszczyć wszystko, co nie jest widoczne na DOM. I że DOM musi być zawsze jak najmniejszy, przy jak najmniejszej liczbie słuchaczy. (Tj. dołączyć jednego słuchacza do nadrzędnej pozycji listy, zamiast do każdego elementu listy.)
  • ma również praktyczne wskazówki CSS3 do zastosowania... Zasadniczo nie używaj wielu nowych przejść i cieni / okrągłych rogów, ponieważ obecnie używasz procesora, a jeszcze nie GPU.

• Delegacja zdarzeń w Sencha Touch: jak projektować listy z jednym słuchaczem, a nie z jednym na każdej linii. http://www.sencha.com/blog/event-delegation-in-sencha-touch/

• Optymalizacja wykorzystania pamięci DOM w Sencha Touch: przesuwanie z Lista do panelu szczegółów i zabijanie listy, a następnie przesuwanie się od szczegółów do listy i zabijanie panelu szczegółów. Minimalizacja elementów na ekranie, DOM. http://www.sencha.com/blog/sencha-touch-optimizing-memory-usage /
• ZNISZCZ WSZYSTKO, CO NIE JEST WIDOCZNE NA TWOIM DOMU!
• Użyj animacji CSS zamiast jQuery
• http://nyroo.com/l/B7UN5c
• http://www.ferretarmy.com/css-animation-examples /
  • Be ostrożnie... są one trudne, gdy nie wykorzystują GPU i nie obciążają procesora.

Włączanie Nowych Funkcji

• Włącz Wyświetlacz Retina: http://evolvingwe.com/create-retina-display-images-in-mobile-web-themes-and-phonegap-apps /
• Przesuń, aby usunąć: http://www.codesta.com/blog/2011/5/23/sencha-touchphonegap-tips-and-tricks.html
• Wyłącz akcelerometr i lokalizację: http://iamcam.wordpress.com/2009/10/29/phonegap-up-to-speed /
• wyciąć jQuery i ręcznie kod: http://cubiq.org/do-you-really-need-jquery-for-mobile-dev
• Wyświetl listę kontaktów w mobilnym Safari: http://cubiq.org/contact-list-on-webkit-for-iphone
• iScroll4: Tworzenie nagłówka, przewijanie w ustalonym rozmiarze div, szczypanie i powiększanie, odświeżanie w górę / w dół. http://cubiq.org/iscroll-4 (zawiera końcówki na gumce efekt.)
• repo GitHub firmy PhoneGap: zawiera ciekawe przykłady, takie jak DatePicker, SMSComposer, ApplicationPreferences, Splashscreen, NetworkActivityIndicator... https://github.com/phonegap/phonegap-plugins

Architektura

Tworzenie aplikacji w Ext JS 4: http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2

Zanim wyrażę swoją opinię na temat Phonegap, muszę wydać małe zastrzeżenie, że w żadnym wypadku nie jestem web developerem. Dla mnie pisanie JavaScript i CSS jest jak wyrywanie zębów. To powiedziawszy, nie lubię Phonegap.

Istnieje kilka bardzo atrakcyjnych aspektów frameworka, głównie apel" Write-Once-Run-Anywere " i "I-Don' t-Have-to-Learn-Objective-C?"apelacja. Framework może nawet zapewnić dostęp do niektórych funkcji sprzętowych, takich jak akcelerometr. Wszystkie te są ważne, do pewnego stopnia.

To powiedziawszy, żadna z najlepszych aplikacji na iOS nie jest budowana przy użyciu jakiegokolwiek frameworka wieloplatformowego. Istnieje tak wiele subtelnych i eleganckich interakcji interfejsu użytkownika, które są obsługiwane przez natywne kontrolki UIKit, które wielu użytkowników i programistów bierze za pewnik, dopóki ich nie zabraknie, jak mnóstwo niesamowicie szczegółowych krzywych animacji widoku i przewijania odbić, których nie ma w interfejsie opartym na widoku sieciowym. Można się trudzić, aby odtworzyć je doskonale, ale za to czas inwestycji, dlaczego nie po prostu przejść natywne?

Drugą kwestią jest to, że społeczność wsparcia dla aplikacji iOS zbudowanych przez Phonegap jest drastycznie mniejsza niż aplikacje opracowane natywnie. Jeśli jesteś jednym z tych, którzy polegają na społeczności podczas projektów, powinno to również dać ci pauzę.

W końcu sprowadza się do jakości doświadczenia, które chcesz dostarczyć. Górna granica jest dolna z Fonegapem. Jeśli jesteś gotowy zaakceptować mniej niż doskonałe wrażenia użytkownika w zamian za skrócony czas rozwoju i zwiększona przenośność, niż jest to bardzo realne ramy.

Jako podtekst dla wszystkich, którzy są zainteresowani, Marco Arment i Dan Benjamin niedawno omówili ten temat. Możesz go posłuchać tutaj .

Procedura instalacji obejmuje kilka pakietów (Java, Apache Ant, Ruby, iOS SDK, Android SDK i PhoneGap), które muszą być poprawnie zainstalowane i skonfigurowane. To może być duży wysiłek. Szczerze mówiąc, mają coś o nazwie PhoneGap Build w wersji beta, co powinno znacznie ułatwić.

Używamy go z NS Basic / App Studio do tworzenia aplikacji, które kwalifikują się do app Store.

Jeśli nie robisz gry ani widżetu, po prostu ładna aplikacja, a następnie phonegap jest Twój wybór.

Ale powinieneś dbać o swoje JS, unikać robienia czegokolwiek w JS na przykład, jeśli chcesz zrobić dowolną animację, unikaj ustawiania timera z małymi interwałami (np. 100 ms), unikaj jQuery i podobnych animacji. Na przykład zamiast animowania zanikania przez ustawienie krótkookresowego timera zmniejszającego krycie w każdym punkcie krok po kroku( tak działa zanikanie jquery), powinieneś użyć css3 przejście z krycia 1 do krycia 0.

Radzę wybrać coś w rodzaju zeptojs.com, przecież phonegap nie uruchomi ie6: -)

Zobacz jakiś tutorial Jak sprawić, by Twój JS był bardziej lekki

Http://bcksp.blogspot.com/

Jeśli nie potrzebujesz żadnej z funkcji sprzętowych lub wydajności wykraczającej poza to, co zapewniają HTML5 i Phonegap, kapsułkowana aplikacja internetowa (plus ograniczony dostęp do innych funkcji) jest doskonałym rozwiązaniem.

Wiele przedsiębiorstw wdraża aplikacje internetowe na dużą skalę. Phonegap (lub zwykła Kontrola widoku sieci Web z wbudowaną zawartością) pozwoli Ci uruchamiać te aplikacje sieciowe w trybie offline (z wyjątkiem oczywiście wymaganych danych online).

Jeden " ból " nie jest wymieniony podczas wdrażania między kilkoma różnymi urządzeniami: im więcej urządzeń, tym większa krzywa uczenia się. Aby wdrożyć na urządzeniach z systemem iOS za pomocą PhoneGap, musisz nauczyć się podstaw Xcode na komputerze Mac. Aby wdrożyć na Androida, musisz zainstalować i nauczyć się Eclipse, Android SDK itp. Inne platformy wymagają użycia własnych zestawów SDK. Nauka podstawowych Xcode, Javascript i Java pomaga mi zrozumieć błędy i ogólną składnię.

"Utwórz raz, wdroż everywhere " pozostawia wiele kroków!