Konwertuj moją aplikację HTML5 na aplikację mobilną, która będzie kierować reklamy na wszystkie urządzenia mobilne

Question

Czy mogę przekonwertować istniejącą witrynę HTML/jquery.js na aplikację mobilną, która jest przeznaczona dla wszystkich urządzeń (iPhone, Android, Blackberry itp. .). Poniżej znajdują się punkty, które mogę wymyślić. Proszę popraw mnie jeżeli się mylę. Dodaj jquerymobile.js i zmień styl css (na podstawie urządzenia uzyskującego dostęp do Twojej witryny).

Co powinienem wziąć pod uwagę przy konwersji mojej istniejącej strony na komputery stacjonarne na komórkową. A może powinienem zacząć tworzyć witrynę mobilną (mobilną witrynę MVC4) od zera? W takim przypadku muszę utrzymywać 2 bazy kodowe (1 dla komputerów stacjonarnych i 1 dla urządzeń mobilnych), których nie chcę robić.

Każda pomoc lub referencja będą bardzo mile widziane.

Cheers, Sajesh Nambiar

Answer 1

można uniknąć konieczności dwóch baz kod Jeśli zaprojektować aplikację internetową w taki sposób, urządzenia-agnostykiem. Oznacza to, że może być wyświetlany na wielu różnych rozmiarach ekranu (od małych telefonów komórkowych po telewizory plazmowe) i nawigowany przy użyciu wielu różnych metod wprowadzania danych (myszy, klawiatury, ekrany dotykowe, konsole do gier itp.). Różne techniki do tego celu są obecnie nazywane "mobilnymi najpierw" lub "elastycznymi projektami". Na dobry początek, patrz:

• Creating a Mobile-First Responsive Web Design
• 320 and Up - the ‘tiny screen first’ responsive boilerplate
• Mobile HTML5 Boilerplate
• Responsive Mobile First template z Initializr
• Twitter Bootstrap
• Zurb Foundation
• dla więcej zobacz: Nice intro to Web Design frameworks (wideo przez Edreih Aldana)

Należy pamiętać, że nie zawsze może być to możliwe lub wygodne, jeśli twoja aplikacja jest bardzo skomplikowana i na końcu możesz otrzymać dwie (lub więcej) bazy kodów w tym przypadku, ale większość stron internetowych i aplikacje internetowe mogą być budowane z myślą o tych zasadach.

Również mając na uwadze numer Web Content Accessibility Guidelines, można znacznie ułatwić projektowanie stron internetowych, które mogą działać na wielu urządzeniach i przy użyciu wielu metod wprowadzania danych.

Nie prosiłeś o to konkretnie, ale dodatkowo możesz użyć PhoneGap do konwersji mobilnych stron internetowych lub aplikacji internetowych na rzeczywiste natywne aplikacje mobilne na iOS, Android, BlackBerry, Windows Phone, Palm WebOS, Bada i Symbian, dzięki czemu możesz mieć dostępne aplikacje do instalacji w różnych sklepach z aplikacjami dla tych platform.

Aktualizacja 2016

Napisałem tę odpowiedź w 2012 roku, a niektóre odpowiednie narzędzia zostały opracowane od tej pory:

• Ionic - hybrydowy aplikacji mobilnych ramy oparte na Angular
• React Native - ramy dla budować natywne aplikacje oparte na React
• Framework7 - hybrydowej strukturze aplikacji mobilnych opartej na Dom7 (podobna do jQuery)
• Intel XDK (dawniej znany jako appMobi)
• Appcelerator
• AppGyver
• NativeScript
• Onsen UI
• Więcej na Mobile Frameworks Comparison Chart

Answer 2

Można spróbować PhoneGap, szybka sposób na wdrożenie aplikacji do variou rodzaje urządzeń.

Answer 3

Wypróbuj za darmo phonegap build service. Prześlij swoje pliki HTML i automatycznie wygeneruje aplikacje dla różnych urządzeń!

Answer 4

Możesz także wypróbować Appery.io, aby łatwo zbudować aplikację internetową. Oto artykuł, który pokazuje, jak utworzyć aplikację na iOS ze swojej witryny. Jeśli Twoja witryna reaguje, automatycznie będzie kierować reklamy na ekrany wszystkich urządzeń mobilnych. http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html

Answer 5

To pytanie zadano 3 lata temu i ma dobre odpowiedzi, po prostu chcę, aby dodać pewne informacje, na podstawie mojego doświadczenia:

Lepiej nie tworzyć osobny projekt mobilnego, ale zmodyfikować istniejące sieci z responsive web design przy użyciu Bootstrap.

Wtedy masz dwie opcje:

1. Tworzenie Hybrid Web App użyciu Apache Cordova, jest prawie taka sama jak PhoneGap, o których mowa powyżej. Używam Visual Studio, więc użyłem VS project template.
2. Hostowana aplikacja internetowa z użyciem Manifoldjs. Myślę, że ta opcja jest łatwa, wystarczy wziąć swoją istniejącą witrynę internetową i owinąć ją, tworząc aplikację internetową.

A jeśli używasz programu Visual Studio, możesz utworzyć hosted Web App even without Manifilod.