Utwórz aplikację na pulpicie w przeglądarce: 3 kroki

Utwórz aplikację na pulpicie w przeglądarce: 3 kroki

Spisu treści:

Anonim

W tym celu użyjemy aplikacji, którą opracowałem pod nazwą WebDGap. Pozwoli nam to na konwersję dowolnej strony internetowej lub aplikacji HTML / CSS / JavaScript / NodeJS jako natywnej aplikacji komputerowej. WebDGap wykorzystuje framework nwjs do uruchamiania aplikacji na procesorach 32-bitowych i 64-bitowych.

Kieszonkowe dzieci:

Krok 1: Pierwsze kroki

WebDGap wymaga dodania nazwy aplikacji.

- Drugie załaduj logo swojej aplikacji.

- Na koniec załaduj do źródła aplikacji zamkniętego w pliku zip.

WAŻNY!!! (Twój plik zip musi wyglądać mniej więcej tak, gdy eksportujesz go jako aplikację desktop / chrome lub rozszerzenie)

- index.html

- css / style.css

- js / jquery.js

- js / script.js

Poniższy przykładowy kod pocztowy NIE DZIAŁA !!!

- AppName / index.html

- AppName / css / style.css

- Nazwa aplikacji / js / jquery.js

- AppName / js / script.js

UWAGA: Większe pliki zip wymagają dłuższego czasu ładowania i eksportowania!

Jeśli Twoja aplikacja zawiera dźwięk, przeczytaj „Korzystanie z MP3 i MP4 (H.264) za pomocą tagów wideo i audio” - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …

Teraz, gdy po raz pierwszy uruchomisz WebDGap, zobaczysz film „Jak korzystać”. Możesz to obejrzeć lub kontynuować, ponieważ będziemy tworzyć aplikację Mac na naszym telefonie z Androidem! Czemu? Ponieważ wiele osób nadal wierzy, że nie można tworzyć aplikacji Mac na urządzeniach innych niż Mac, a pokazując, że można utworzyć aplikację Mac na telefonie z Androidem, zapewni im to, czego potrzebują: W

Krok 2: Eksportowanie dla komputerów Mac

Teraz menu plików jest inaczej kodowane na Macu niż na Windowsie i Linuksie (o czym nie będziemy tutaj mówić). Jest również wyświetlany inaczej na Windowsie i Linuksie, co zrobimy z tym, aby upewnić się, że nazwa naszej aplikacji jest widoczna w Finderze Mac.

Eksportowanie naszej aplikacji na Maca!

- Najpierw wybierz nazwę aplikacji! (Będzie to użyte w aplikacji, będzie musiało zostać zmodyfikowane później, aby było widoczne na urządzeniach Mac za pośrednictwem Findera)

- Następne obciążenie w logo aplikacji (będziemy musieli zmodyfikować je później, aby były widoczne na urządzeniach Mac)

- Następne obciążenie w pliku zip

- Teraz eksportuj dla komputerów Mac

Ustawianie ikony!

- Podobnie jak w systemie Windows, możesz przekonwertować dowolny obraz na ikonę Maca, przechodząc do `Ikony iConvert`

- Następnie otwórz zawartość swojej aplikacji Mac (whatever.app). Na Androidzie możesz użyć Eksploratora plików ES, jeśli twój nie ma wbudowanego Eksploratora plików.

- Zastąp plik `nw.icns` nową eksportowaną ikoną (Upewnij się, że wyeksportowana nowa ikona została nazwana nw.icns)

Wyświetlanie nazwy aplikacji w Finderze!

- Otwórz plik `info.plist` w wybranym edytorze tekstu lub kodu. Ponieważ robimy to na telefonie z Androidem, możemy użyć DroidEdit.

- Zmień nazwę aplikacji na nazwę aplikacji online 10 i 49. (Powinien być obok CFBundleDisplayName i CFBundleName)

Teraz możesz kompresować / rozpakowywać i dystrybuować. Dlatego użytkownicy komputerów Mac nie powinni mieć problemu z uruchomieniem aplikacji!

Krok 3: Podsumowanie

Eksportowanie na komputery stacjonarne jest bardzo proste, ale urządzenia mobilne wymagają więcej pracy. Teraz poprosiłem mnie o MAAANY. „Dlaczego to jest bezpłatne?” Moja odpowiedź jest prosta. Ponieważ szybciej i łatwiej jest uczynić świat lepszym miejscem. Przestań narzekać i ciesz się. W przeciwnym razie przekaż darowiznę i / lub pomóż: D

Mucho amor a todos. Uważaj i zawsze baw się dobrze:)