Konwersja aplikacji SPA do Androida

Jeżeli jesteś webdeveloperem zapewne znasz framewrok jakim jest Angular. Pozwala on na wygodne pisanie aplikacji typu SPA – single page application.

W dobie aplikacji hybrydowych jesteśmy w stanie dostarczyć użytkownikowi aplikacje mobilną zamiast strony internetowej. Aby to uzyskać wykorzystamy platformę o nazwie Apache Cordova.

Poniżej znajduje się lista kroków, która pozwoli na konwersje aplikacji napisanej w Angularze do pliku apk.

Krok 1

Instalacja Adroid Studio SDK.

Krok 2

Globalna instalacja Apache Cordova.

npm install -g cordova

Krok 3

Utworzenie projektu.

cordova create hello-app-world-cordova com.example.hello Aplikacja

Krok 4

Dodanie platformy. W tym celu przenieś się do katalogu utworzonego projektu i wywołaj poniższą komendę

cordova platform add android

Krok 5

Teraz należy połączyć pliki projektu Angulara oraz Cordova. W tym celu skopiuj wszystkie foldery i pliki – oprócz package.json, package-lock.json, node_modules, z projektu crodova do projektu angulara.

Krok 5

Następnie należy połączyć zawartość pliku package.json z obu projektów. W tym celu skopiuj brakujące zależność z projektu Cordova do projektu Angulara. Napisz również zmienną name wartością z projektu Cordova.

Krok 6

Otwórz plik index.html w projekcie Angulara i zmień ścieżkę na poniższą.

Krok 7

Teraz należy zmienić ścieżkę budowania aplikacji. Domyślna ścieżka Angulara to /dist, a Cordovy /www. W tym celu zmień w pliku angular.json wartość na /www.

Następnie należy zbudować aplikacje.

ng build --prod --aot cordova build android

W ten sposób utworzyliśmy aplikację, którą można testować w na wirtualnym urządzeniu Androida. W tym celu otwórz Android Studio i uruchom Android Virtual Device Manager. Następnie wykonaj poniższą komendę.

cordova emulate android

Aby możliwe było udostępnienie napisanej przez nas aplikacji w sklepie Play należy wykonać jeszcze kilka kroków.

Na początku musimy wyrelasiwoać naszą aplikację.

cordova build --release android

Następnie należy przejść do folderu platforms/android/app/build/outputs/apk/release i wygenerować klucz.

eytool -genkey -v -keystore aplikacja.keystore -alias aplikacja -keyalg RSA -keysize 2048 -validity 10000

Gdy posiadamy klucz możemy przystąpić do podpisania aplikacji. Jest to wymagane, aby później móc ją udostępnić.

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore aplikacja.keystore app-release-unsigned.apk aplikacja

Ostatnim krokiem jest wykonanie poniższej komendy.

zipalign -v 4 app-release-unsigned.apk app-release-signed.apk

W ten oto sposób uzyskaliśmy gotową do umieszczenia w sklepie Play, podpisaną aplikację.