Jak zainstalować Apache Cordova na Ubuntu 18.04, aby tworzyć aplikacje?

Jednym z najbardziej dynamicznie rozwijających się obszarów jest obecnie tworzenie aplikacji, zarówno na telefony komórkowe, jak i na różne urządzenia, ponieważ użytkownicy końcowi zawsze poszukują innowacyjnych aplikacji, które pomogą im zarządzać różnymi aspektami życia codziennego, nauką, pracą lub po prostu Twoja rozrywka.

Kiedy mówimy o Linuksie, mówimy o systemie skalowalnym, to znaczy, że można go rozszerzyć daleko poza to, co jest dostarczane domyślnie dzięki darmowemu kodowi i właśnie z tego powodu istnieją specjalne aplikacje do tworzenia aplikacji i dziś Solvetic skupi się na zadzwoń do Apache Cordova i zobaczymy, jak go używać w Ubuntu 18.04.
Jeśli nie masz Ubuntu 18.04, możemy pobrać go za darmo pod następującym linkiem:

Co to jest Apache Cordova?Apache Cordova to aplikacja, która koncentruje się na ułatwieniu tworzenia aplikacji mobilnych i jest oparta na otwartym kodzie źródłowym. Dzięki wykorzystaniu Apache Cordova możliwe będzie wykorzystanie standardowych technologii webowych, takich jak HTML5, CSS3 i JavaScript do wieloplatformowego rozwoju i doskonale wiemy, że te języki są podstawą do tworzenia i utrzymywania tysięcy aplikacji.

Dzięki Apache Cordova aplikacje są wykonywane w środowiskach cyfrowych, które są kierowane na każdą specjalną platformę, a te zależą od łączy API, które muszą spełniać wymagane standardy, aby móc uzyskać dostęp do możliwości każdego urządzenia w zakresie funkcji takich jak czujniki, dane. , stan sieci, pamięć itp.

Mamy możliwość budowania hybrydowych aplikacji mobilnych z wykorzystaniem języków HTML, CSS i JavaScript w Apache Cordova, które mogą być używane na różnych platformach mobilnych takich jak IOS, Android czy Windows.

Apache Cordova używaApache Cordova to praktyczne rozwiązanie w przypadkach takich jak:

  • Jeśli jesteśmy programistami internetowymi i chcemy zaimplementować spakowaną aplikację internetową, aby była dystrybuowana w kilku sklepach z aplikacjami.
  • Jeśli chcemy rozszerzyć aplikację na więcej niż jedną platformę, bez konieczności ponownego wdrażania jej z zestawem narzędzi i języka dla każdej platformy, co wymaga czasu i zasobów.
  • Jeśli celem jest zmieszanie natywnych komponentów aplikacji z WebView (specjalne okno przeglądarki), przez które można uzyskać dostęp do API na poziomie urządzenia, lub jeśli chcemy opracować interfejs wtyczek między natywnymi komponentami a WebView.

Kluczowe elementy Apache CordovaGdy chcemy korzystać z Apache Cordova, musimy pamiętać o kilku kluczowych terminach podczas jego rozwoju.

  • WebView: WebView jest kompatybilny z Apache Cordova i dzięki temu cały interfejs użytkownika jest dostarczany do aplikacji, na niektórych konkretnych platformach, może być również komponentem w ramach większej aplikacji hybrydowej, która może mieszać WebView z natywnymi komponentami aplikacji.
  • Aplikacja internetowa: Aplikacja internetowa to miejsce, w którym znajduje się kod aplikacji, ponieważ sama aplikacja jest zaimplementowana jako strona internetowa z lokalnym plikiem o nazwie index.html, który odnosi się do CSS, JavaScript, obrazów, plików multimedialnych lub innych zasobów, które są niezbędne do jej poprawnego wykonania, aby aplikacja działała w WebView w ramach natywnego kontenera aplikacji, a kontener ten posiadał istotny plik o nazwie config.xml, który dostarcza informacji o aplikacji i wraz z nią określa parametry wpływające na jej ogólną wydajność.
  • Wtyczki: Wtyczki lub dodatki są integralną częścią środowiska Apache Cordova, ponieważ ich funkcją jest oferowanie interfejsu do Cordova i generowanie natywnych komponentów w celu prawidłowej komunikacji między nimi oraz linków do standardowych interfejsów API urządzeń. Dzięki wtyczkom możliwe będzie wywoływanie kodu natywnego z JavaScript.

Apache Cordova ma zestaw podstawowych wtyczek o nazwie Core Plugins, te główne wtyczki zapewniają aplikacji niezbędne narzędzia do uzyskiwania dostępu do możliwości urządzenia, takich jak bateria, aparat, kontakty i wiele innych.

Ścieżki rozwoju w Apache CordovaApache Cordova ma dwa podstawowe przepływy pracy do tworzenia aplikacji mobilnej, które są.

  • Wieloplatformowy przepływ pracy (CLI): Dzięki temu przepływowi pracy możliwe będzie uruchomienie aplikacji na jak największej liczbie mobilnych systemów operacyjnych, bez większego wysiłku na poziomie rozwoju specyficznym dla danej platformy. Ten przepływ pracy koncentruje się na CLI Apache Cordova.
  • Przepływ pracy zorientowany na platformę: dzięki temu przepływowi pracy możliwe będzie skupienie się na tworzeniu aplikacji skupionej na jednej platformie i możliwości jej modyfikacji na niższym poziomie. Ten przepływ pracy opiera się na zestawie skryptów powłoki niższego poziomu, które zostały zaprojektowane dla każdej obsługiwanej platformy i ma osobne narzędzie Plugman, które pozwala nam stosować wtyczki.
Mając te szczegóły na uwadze, zobaczmy, jak stworzyć aplikację za pomocą Apache Cordova.

1. Zainstaluj Node.js na Ubuntu 18.04

Krok 1
Przede wszystkim konieczne będzie zainstalowanie najnowszej wersji Node.js w systemie, domyślnie najnowsza wersja Node.js nie jest dostępna w domyślnym repozytorium Ubuntu 18.04 więc konieczne będzie dodanie repozytorium PPA dla node.js za pomocą następującego polecenia:

 sudo apt-get install software-properties-common -y 

POWIĘKSZAĆ

Krok 2
Teraz wykonamy jedno z następujących poleceń:

 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh

POWIĘKSZAĆ

NotatkaAby sprawnie przeprowadzić ten proces, możemy użyć następującego polecenia.

 sudo apt zainstaluj npm 

Krok 3

Instalujemy Node.js za pomocą następującego polecenia:

 sudo apt-get zainstaluj nodejs -y 

POWIĘKSZAĆ

2. Zainstaluj Apache Cordova na Ubuntu 18.04

Krok 1
Po zainstalowaniu Node.js zainstalujemy Apache Cordova za pomocą polecenia NPM w następujący sposób.

 sudo npm install -g cordova 
Krok 2
Zobaczymy, że zaczyna się następujący proces:

POWIĘKSZAĆ

Krok 3
Po zakończeniu tej analizy zobaczymy następujący wynik:

POWIĘKSZAĆ

Krok 4
Teraz zweryfikujemy wersję Apache Cordova, wykonując poniższą linię.

 cordova -wersja 
Krok 5
Wpisujemy słowo Tak i wyświetli się aktualna wersja:

POWIĘKSZAĆ

3. Utwórz aplikację w Apache Cordova

Krok 1
Aby stworzyć aplikację w Apache Cordova, wykonamy następującą komendę o jej nazwie:

 cordova tworzy SolveticApp 
Krok 2
Po naciśnięciu Enter wynik będzie następujący:

POWIĘKSZAĆ

Krok 3
Teraz przejdziemy do katalogu nowej aplikacji SolveticApp i tam dodamy platformę wymaganą dla aplikacji:

 cd SolveticApp cordova platforma dodaje Androida

POWIĘKSZAĆ

Krok 4
Tam możemy korzystać z różnych platform, takich jak:

  • platforma cordova dodaj ios
  • platforma cordova dodaj amazon-fireos
  • platforma cordova dodaje androida
  • platforma cordova dodaje blackberry10
  • platforma cordova dodaje firefoxos

Krok 5
Teraz uruchomimy następujące polecenie, aby zobaczyć zainstalowane i dostępne platformy dla aplikacji Apache Cordova:

 platforma cordova -ls 

POWIĘKSZAĆ

Krok 6
Następnym krokiem jest spełnienie wszystkich wymagań dla środowiska budowlanego, można to sprawdzić, wykonując następujące polecenie:

 wymagania dotyczące kordowy 

POWIĘKSZAĆ

Krok 7
Tam będziemy mogli zwizualizować jakie elementy są potrzebne do jej zintegrowanej budowy, aby aplikacja działała poprawnie. Po wykonaniu wszystkich kroków budujemy aplikację wykonując:

 cordova buduje Androida 
Krok 8
Po zbudowaniu możemy skorzystać z emulatorów, które wykonują obraz urządzenia w sposób wirtualny i w przypadku Androida musimy zainstalować SDK, a następnie wykonać następujące czynności:
 Cordova emuluje Androida 
Krok 8
W momencie, w którym chcemy wyeliminować stworzoną platformę musimy wykonać następujące czynności:
 Platforma cordova usuwa Androida 

POWIĘKSZAĆ

Widzieliśmy, że Apache Cordova jest platformą, która oferuje nam szereg korzyści dla całkowitego i funkcjonalnego tworzenia aplikacji, które można wykorzystywać i wdrażać na różnych platformach z pełnym wykorzystaniem, a co najważniejsze, zużycie zasobów jest minimalne niezależnie od rodzaju utworzonej aplikacji.

wave wave wave wave wave