W artykule:
Prawdopodobnie myślałeś wcześniej o tym, jak dobrze byłoby stworzyć aplikację mobilną dla swojej witryny WordPress. Zaletą posiadania tej ikony na ekranie głównym, jednym dotknięciem do zaangażowania, być może po prostu chwała za możliwość powiedzenia „oczywiście, że mamy aplikację”.
Ale sprawdziłeś opcje i są one albo zbyt skomplikowane, albo zbyt drogie, więc myśl niechętnie rzuciła się do „zbyt twardego” koszyka.
Cóż, idź grzebać w tym koszyku i odzyskać tę myśl, ponieważ oto podejście DIY, które pozwoli Ci, za niewielką cenę, stworzyć tę podstawową aplikację.
Powody tworzenia aplikacji mobilnej uległy zmianie, ponieważ liczba aplikacji w różnych sklepach z aplikacjami eksplodowała. Minęły czasy, gdy można było korzystać ze sklepu z aplikacjami jako formy marketingu, ponieważ szanse na odkrycie aplikacji spadają coraz bliżej zera.
Dziś chodzi o to, aby dać czytelnikom wybór: pozwolić im zdecydować, jak i gdzie angażują się w Twoje treści. I, oczywiście, wraz z ciągłym wzrostem dostępu do Internetu za pośrednictwem urządzeń mobilnych (w Stanach Zjednoczonych w styczniu 2014 r.dostęp za pośrednictwem aplikacji mobilnych przewyższał dostęp do komputera i był znacznie bardziej popularny niż przeglądanie stron mobilnych) posiadanie aplikacji mobilnej staje się coraz bardziej popularne.
Naprawdę dobrą wiadomością jest to, że minęły również czasy, gdy potrzebowaliśmy programisty hard-core, znajomości Javy lub C i dużej rezerwy gotówki na zbudowanie aplikacji.
Możesz zbudować aplikację za pomocą swobodnie dostępnych narzędzi i pobrać ją na urządzenie z Androidem bez żadnych kosztów; na iOS, Apple jest Apple oznacza, że muszą wstrzyknąć się gdzieś w proces, więc musisz wydać co najmniej $99/rok, aby dołączyć do programu dla programistów iOS, aby móc budować i rozpowszechniać aplikację (bezpośrednio lub za pośrednictwem app store).
Pozwól mi również wyjaśnić coś zupełnie innego: chodzi o stworzenie aplikacji mobilnej, aby Twoje treści WordPress trafiły w ręce urządzeń mobilnych Twoich czytelników. Nie chodzi o tworzenie „właściwych” aplikacji za pomocą WordPress jako ramy aplikacji.
Jak To Działa
Rozwiązanie to opiera się na stworzeniu najprostszej możliwej aplikacji mobilnej, przy użyciu usługi PhoneGap Build service (PGB), która naprawdę spełnia swoje wymagania:
Pozbądź się bólu związanego z tworzeniem aplikacji mobilnych.
Jedynym celem aplikacji jest odpalenie przeglądarki inappbrowser urządzenia i skierowanie jej na stronę główną witryny. Prawie tak, jakby Twój czytnik korzystał z mobilnej przeglądarki internetowej.
Piękno tego podejścia polega na tym, że wszystko jest skutecznie kontrolowane w WordPress i przy użyciu narzędzi, technik i technologii, które już znasz. Jeśli chcesz poprawić wygląd i styl, jest to kwestia aktualizacji motywu WordPress, nie musisz wprowadzać aktualizacji do samej aplikacji.
Rozwiązaniem jest zatem 1% app, 99% WordPress, co oznacza, że musisz, musisz, musisz zwrócić uwagę na to, co dostarcza Twoja witryna WordPress. Nawet najbardziej responsywny motyw prawdopodobnie nie spełni oczekiwań, że w przypadku aplikacji mobilnych jest znacznie wyższy niż w przypadku mobilnej sieci. Musisz upewnić się, że optymalizujesz pod kątem mobilnego doświadczenia, co oznacza myślenie o motywie, treści, Menu i interakcji.
Ten post skupi się na budowaniu aplikacji i konfigurowaniu WordPressa, więc zachęcam cię najpierw do zapoznania się z poniższymi artykułami, aby upewnić się, że jesteś na dobrej drodze:
- 6 Kroków Do Optymalizacji Witryny WordPress Dla Urządzeń Mobilnych
- Jak Zbudować Mobilny Motyw WordPress I Dlaczego Powinieneś
Pobierz najpierw WordPress-możesz to sprawdzić, przeglądając na urządzeniu mobilnym lub korzystając z symulatora-zanim zbudujesz aplikację.
I zawsze pamiętaj, że usunięcie aplikacji z ekranu głównego jest łatwiejsze niż umieszczenie tam w pierwszej kolejności.
4 Kroki Do Aplikacji Mobilnej
Omówmy, jak zbudować aplikację. Ponieważ Android jest łatwiejszy i nie wymaga rejestracji w programach, skupimy się na tym systemie operacyjnym, ale pamiętaj, że proces dla każdego systemu operacyjnego jest prawie taki sam.
W tym poście zbudowałem aplikację dla starego podcastu, który kiedyś produkowałem i współgospodarzem, grę dwóch połówek, ponieważ miała mnóstwo publicznie dostępnych treści. Możesz pobrać .apk ze strony publicznej aplikacji na PhoneGap Build.
Zanim Zaczniesz
Podczas gdy aplikacje internetowe są łatwo testowane za pomocą emulatorów, aplikacje mobilne są znacznie łatwiejsze do testowania na rzeczywistym urządzeniu. Jak wspomniałem powyżej, Android jest najłatwiejszym systemem operacyjnym do przetestowania, więc jeśli nie masz Urządzenia z Androidem, Użyj tego jako pretekstu, aby go zdobyć lub skorzystać ze starego urządzenia, które gdzieś gromadzi kurz.
Jeśli wcześniej nie korzystałeś z PGB, musisz utworzyć konto. PGB ma bezpłatny plan, który pozwala na jedną prywatną aplikację (którą można utworzyć, przesyłając plik zip) lub nieograniczoną aplikację open source (którą należy pobrać z publicznego repozytorium GitHub).
Jeśli zaczynasz z PGB, to polecam używanie go w połączeniu z GitHub, ponieważ sprawia, że proces aktualizacji i przebudowy aplikacji jest znacznie płynniejszy. Oznacza to również, że możesz użyć swoich poświadczeń GitHub, aby zalogować się do PGB.
Punkt 1. Tworzenie plików aplikacji PGB
Struktura jest bardzo prosta, z katalogiem głównym zawierającym indeks.html, najważniejsza konfiguracja.xml, kilka domyślnych plików ikon w formacie png i katalog res zawierający ikony specyficzne dla systemu operacyjnego dla ekranów głównych i stron powitalnych.
Punkt 2. Tworzenie Ikon Aplikacji
Ikony aplikacji są ważne: są to, co aplikacja będzie używać podczas dodawania ikony do ekranu głównego urządzenia i co będzie używać jako ekran powitalny po otwarciu aplikacji.
Aby wygenerować ikony, Użyj usługi, takiej jak ikona aplikacji lub utwórz ikonę aplikacji. Mają tendencję do używania tych samych nazw plików, więc należy przesłać swój surowy projekt ikon (format png, 1024×1024 dla obu usług), pozwolić na uruchomienie usługi, a następnie pobrać odpowiednie obrazy do właściwego folderu.
Punkt 3. Konfigurowanie Aplikacji
Cała konfiguracja zawarta jest w config.xml plik. W przypadku własnej aplikacji należy zmienić następujące elementy:
- widget @ id – konwencja polega na odwróceniu nazwy domeny witryny i dodaniu przyrostka .aplikacja
- nazwa – tytuł Twojej strony.
- opis – Krótki opis Twojej strony
- autor (@email, @href) – Twoje dane
- treść @ src – zmień to na stronę główną swojej witryny
- access @origin – to określa, które strony internetowe aplikacja może przeglądać. 2 skrajności to wpisanie nazwy domeny, a zatem ograniczenie aplikacji do przeglądania tylko twojej witryny lub użycie ” * ” i umożliwienie przeglądania dowolnej witryny
Istnieje szereg gap: plugin elementy w tym pliku konfiguracyjnym, z których większość nie jest potrzebna. Warto jednak zbudować aplikację za pomocą tych wtyczek, ponieważ pozwoli to na skorzystanie z funkcji, takich jak geolokalizacja na torze, bez konieczności przebudowy, a tym samym aktualizacji aplikacji.
Zauważysz również, że istnieje wiele elementów ICON i gap:splash, których aplikacja będzie używać na ekranie głównym urządzenia i na stronie powitalnej aplikacji. Jeśli przeniosłeś wygenerowane ikony do odpowiednich folderów, powinieneś zauważyć, że nie ma tu nic do zmiany.
Pamiętaj jednak, że w nazwach rozróżniana jest wielkość liter!
Punkt 4. Rozpoczęcie procesu budowania PGB
Wejdź na stronę PGB i zaloguj się. Pojawi się ekran aplikacji, który będzie oczywiście pusty.
Zakładając, że zalogowałeś się za pomocą konta GitHub i że zamierzasz zbudować aplikację open-source. Wszystkie publiczne repozytoria GitHub będą dostępne w „Znajdź istniejące repozytorium”, więc kliknij na strzałkę, wybierz repozytorium i kliknij na ściągnij z repozytorium GitHub.
PGB pobierze Twoje repozytorium, a następnie wyświetli Ci ekran ze szczegółami aplikacji
Kliknij na Gotowy do budowy.
Strona zmienia się teraz, aby dać ci postępy w budowie. Domyślnie PGB próbuje zbudować aplikację na iOS, Androida i Windows 8. Czerwony oznacza, że kompilacja nie powiodła się, natomiast niebieski oznacza pomyślną kompilację.
system iOS zawsze zawodzi, chyba że dostarczyłeś PGB certyfikaty dla programistów iOS, co wymaga dołączenia do programu dla programistów iOS, o którym wspomniałem wcześniej.
Mam nadzieję, że android build odniósł sukces i jesteś gotowy do przetestowania!
Możesz pobrać .apk klikając ikonę Androida. W przeciwnym razie, a może łatwiejszy sposób, aby uzyskać .apk na urządzeniu z Androidem to przejście do publicznej strony aplikacji na urządzeniu z Androidem (jest kod QR, aby pomóc) i dotknij linku Androida. To będzie pobrać .apk do urządzenia, więc to tylko kwestia skoków do pobierania i stukania w plik, aby zainstalować aplikację.
Kolejną alternatywą jest dostęp do strony PGB na urządzeniu z systemem Android.
Niezależnie od zastosowanej metody, powinieneś teraz znaleźć ikonę aplikacji na ekranie głównym (Jeśli ikona nie jest tym, czego się spodziewałeś, prawdopodobnie masz nieprawidłowy adres URL w konfiguracji.pliku xml).
Dotknij ikony, a aplikacja otworzy się i zostaniesz powitany ekranem powitalnym, a następnie pierwszą stroną witryny (w zależności od specyfikacji urządzenia mogą wystąpić niewielkie opóźnienia w przejściu z ekranu powitalnego na stronę internetową).
Gratulacje zbudowałeś swoją pierwszą aplikację!
To, jak dobre jest, zależy całkowicie od tego, jak skonfigurowałeś swoją witrynę WordPress, ale zaletą jest to, że musisz tylko pracować w WordPress, aby wprowadzać ulepszenia.
Jeśli z jakiegoś powodu, na przykład nieprawidłowy adres URL obrazu, musisz odbudować aplikację, a następnie:
- Zaktualizuj pliki w repozytorium GitHub
- Przejdź do strony aplikacji w PGB i kliknij Kod aktualizacji – spowoduje to pobranie plików z twojego repozytorium GitHub
- PGB powinno automatycznie rozpocząć proces odbudowy – jeśli nie kliknie Rebuild All
Barest Of Bones
To jest barest of bones typ aplikacji mobilnej, co oczywiście oznacza, że będzie dziwne ” gdyby tylko … „lub dwa.
Głównym brakującym elementem są powiadomienia, które są irytujące, ponieważ mogą być niezwykle przydatne. Chociaż całkowicie możliwe jest dodanie ich do aplikacji PGB (AppPresser zrobił to za pośrednictwem usługi Pushwoosh, ale musisz kupić ich plan startowy $ 199 / rok), to jest poza tym postem.
W rzeczywistości, jeśli chcesz bardziej wykorzystać możliwości urządzenia mobilnego, warto przyjrzeć się bliżej AppPresser.
Ale jeśli chcesz tylko zapewnić swoim czytelnikom wybór, dostarczając im aplikację mobilną, ten proces spełnia swoje zadanie. Jest to nawet wystarczająco proste dla nas WordPress implementers!
Tagi:
