Skip to content

Jak tworzyć i rozwijać aplikacje na Androida za pomocą Apache Cordova i SQlite?

5 de czerwiec de 2022

W świecie komputerów bardzo często można znaleźć programy lub aplikacje, które: nie można ich zobaczyć na niektórych urządzeniach ze względu na różnicę między systemami operacyjnymi.

To dlatego, że wielu z nich nie są wieloplatformowe. Jeśli mamy aplikację webową i chcemy ją przenieść do aplikacji na Androida, możemy skorzystać z Apache Cordova. W tym artykule stworzymy aplikację, która pomoże zrozumieć, jak działa baza danych Sqlite w systemie Android.

Łatwiejsze procedury tworzenia aplikacji na Androida dzięki Apache Cordova i SQlite.

Strona wykonana w HTML 5, JavaScript, CSS 3, może działać na różnych urządzeniach poprzez Apache Cordova.

Nieformalnie JavaScript jest tym, co jest używane na stronach internetowych do robienia tych rzeczy. fajne efekty slidera, przenosić bloki treści (przeciągnij i upuść), itp. itp. Zasadniczo każdy rodzaj interakcji między użytkownikiem a stroną internetową wykorzystuje JavaScript.

Tak, kod Javascript jest interpretowany przez naszą przeglądarkę, dlatego potrzebujemy uwzględnij to w kodzie HTML. Kiedy adres URL strony internetowej jest zapisywany w przeglądarce, wysyłane jest żądanie do serwera, na którym znajduje się strona, aby zwrócił informacje, które komputer musi narysować w przeglądarce internetowej.

Jeśli posiadamy aplikację mobilną i chcemy przechowywać, zarządzać i pobierać dane w krótkim czasie wydajny i niezawodnyApache Cordova udostępnia nam wtyczkę do zarządzania bazami danych SQLite.

Ze swojej strony Android zawiera już w swojej architekturze wszystkie narzędzia niezbędne do stworzenia i zarządzać bazami danych SQLite.

Abyśmy mogli wstawiać, modyfikować, wyszukiwać i usuwać dane. Jest baza danych będzie lokalnaczyli pozostanie na urządzeniu, na którym działa aplikacja.

Wyjaśniliśmy już w innym artykule ta strona internetowa instalacja Apache Cordova, w tym celu stworzymy aplikację, aby zrozumieć, jak działa baza danych Sqlite z Androida.

Zrozum w prosty sposób, jak działa baza danych Sqlite w systemie Android

W tym przypadku użyjemy terminala Linux, ale Apache Cordova jest wieloplatformowy. zaczniemy stworzyć projekt z terminala iw trybie root.

raz stworzony dodajemy platformęurządzeniem, na którym będzie to działać, będzie można skonfigurować emulator w tym przypadku będzie to Android.

Zakładamy, że w zaawansowanym menedżerze Androida mamy urządzenie już skonfigurowaneale konfigurujemy taki, który obsługuje Api 19 i nowsze, czyli Android 4.4.2

Zainstaluj wtyczkę do pracy z Sqlite w prostszy sposób.

Teraz zainstalujemy wtyczkę do pracy z Sqlite, z terminala wykonamy polecenie, które pobierze i zainstaluje wtyczkę.

Przetestujemy domyślną aplikację, w tym celu idziemy do terminala i piszemy kod, który się uruchomi skompiluj aplikację a jeśli wszystko działa, będziemy musieli zobaczyć emulowane urządzenie.

Gdy zweryfikujemy, że aplikacja działa, zaczniemy rozwijać nasz przykład. Otworzymy plik index.html i dodamy następującą bibliotekę JavaScript w nagłówku

Następnie modyfikujemy blok

Włączyłem formularz do wprowadzania danych.

Linia

posłuży do wyświetlenia wprowadzonych danych znalezionych w bazie danych.

W katalogu css znajdujemy plik index.css Otwieramy ten plik, usuwamy jego zawartość i dodajemy następujący kod stylu, aby nadać formularzowi projekt.

Po zapisaniu dwóch plików ponownie uruchamiamy aplikację: Cordova emuluje Androida. Powinniśmy zobaczyć ekran, na którym projekt będzie działał.

Utwórz kod JavaScript do zarządzania bazą danych krok po kroku

Teraz, gdy projekt już działa, będziemy musieli przeprowadzić kod javascript do zarządzania bazą danych.

W tym celu utworzymy plik w katalogu, który będzie się nazywał sqlitedb.js aw będziemy się do niego odwoływać, dodając kod w pliku sqlitedb.js.

Gdy mamy już cały kod, kompilujemy aplikację z terminala za pomocą następującego kodu: Cordova emuluje Androida.

Kiedy emulator zostanie zaimplementowany wraz z aplikacją, zaczniemy dodaj rekordy do naszej agendy zostaną one wymienione poniżej.dodaj emulator zapisów książki telefonicznej

Urządzenie zapisz wprowadzone przez nas dane trwale w pamięci wirtualnej. Oznacza to, że baza danych zostanie usunięta za każdym razem, gdy uruchomimy aplikację na emulatorze lub na prawdziwym urządzeniu.

Będziemy mogli zobaczyć dane, które rejestrujemy. Aby usunąć te dane, musimy wykonać zapytanie SQL aby usunąć tabelę i odtworzyć lub usunąć tylko dane, będzie to w innym artykule, w którym nauczymy Cię, jak pobrać SQL dla Androida, tworzyć zapytania, rozwiązywać często zadawane pytania i przeglądać dane.

Cóż, to jest krótki opis kroków, abyś miał pojęcie, że ten proces nie jest taki skomplikowane lub trudnewystarczy wziąć pod uwagę podstawowe kroki wymienione powyżej.

Dzięki temu możesz mieć wiele aplikacji wykonanych samodzielnie za pomocą złagodzić to Android mogę ci dać

Dlaczego warto korzystać z Apache Cordova do programowania w systemie Android jakie są zalety i wady.

Zaletą korzystania z tych narzędzi jest to, że wykorzystują one zasoby interfejsu, takie jak Jquery Mobile lub Dojo Mobile który pozwala na programowanie natywne, ale w HTML, CCS i bardzo popularnym Javascript.

Krótko mówiąc, korzystanie z tych narzędzi pozwala przekonwertować aplikację internetową na natywną aplikację, z której można korzystać w systemie Android, jeśli masz aplikację internetową. Dzieje się tak, ponieważ sieć Apache Cordova będzie zgodna z funkcje serwera WWW w naszym systemie Android.

Narzędzie to daje nam możliwość tworzenia aplikacji mobilnych, które: będzie działać lokalnie na urządzeniu mobilnym i będzie opierać się na projektowaniu i tworzeniu stron internetowych.

Dlatego dzięki Apache Cordova możemy uzyskać dostęp poprzez Javascript do funkcji urządzenie przenośne. Obejmuje to takie rzeczy, jak kamery, dane i połączenia. Dostępne Wi-Fi lub sieci, klawiatura lub dźwięk, geolokalizacja i inne.

Najłatwiejsza procedura korzystania z Apache Cordova do programowania na Androida

W tym samouczku użyjemy Netbeans 8.0.2, który jest dostarczany z zainstalowanym Apache Cordova, ale zobaczymy również, jak zainstalować go od zera. To żeby móc użyj go z dowolnym innym edytoremnawet z jednym tak prostym jak Notepad ++ lub Bluefish.

Konieczne jest zainstalowanie Android SDK, Android Device Manager i Java jre oraz także pliki wykonywalne wskazał na zmienne systemowe.

Zainstaluj Apache Cordova do programu na Androidzie krok po kroku

Zacząć musimy zainstalować node.js, czyli framework pozwalający na stworzenie serwera używającego javascript. Jest używany jako język klienta, a Cordova jest instalowana z menedżerem pakietów o nazwie NPM, który jest częścią Node.js.

Instalacja zostanie wykonana za najpierw linux, uzyskamy dostęp do terminala w trybie root, a następnie zainstalujemy odpowiednie pakiety. Następnie przechodzimy do instalatora Apache Cordova. Aby sprawdzić, czy został poprawnie zainstalowany.

Możemy pisać w terminalu cordova-v i zwróci zainstalowaną wersję Apache Cordova.

Z łatwością utwórz projekt za pomocą Apache Cordova do programowania w systemie Android

Po instalacji możemy tworzyć aplikacje za pomocą Cordova, aby stworzyć aplikację. Znajdujemy się w katalogu projektów, które posiadamy i z terminala piszemy polecenia, które udaje się uruchomić strukturę z projektu.

Następnie musisz pobrać wszystkie potrzebne pakiety, które zostaną już zaktualizowane i to użyjemy w naszej aplikacji. Kiedy to zrobimy, będziemy mogli zobaczyć, jak informator błędna aplikacjawewnątrz struktury aplikacji.

Tam w folderze platform możemy znaleźć niezbędne pliki, aby Cordova mogła wchodzić w interakcje z różnymi urządzeniami. Tutaj dodamy platformy chcemy przetestować naszą aplikację.

Spowoduje to skonfigurowanie prawidłowego emulatora dla wersja Androida 19czyli API w wersji 19 lub Android 4.4 (KITKAT), czyli możemy emulować dowolne urządzenie z tą wersją lub niższą wersją.

Niektóre obsługiwane platformy to Amazon Fire OS, Android, BlackBerry, Firefox OS, iOS, Windows Phone, w tym samouczku skupimy się na Androidzie.

W katalogu www aplikacja będzie rozwijana, pliki będą przechowywane HTML-CSS, obrazy i Javascripta także niezbędne zasoby dla naszej aplikacji.

Pamiętaj, że jest to strona internetowa, która będzie wykonywana natywnie na serwerze, a także wbudowana przeglądarka internetowa który będzie działał jako natywna aplikacja na Androida.

Kiedy tworzymy nasz projekt w katalogu www, a ogólna struktura zdefiniowany projekt. Z kodem potrzebnym do uruchomienia prostej aplikacji typu „Hello World”.

Wreszcie zamierzamy uruchomić projekt Apache Cordova

Dlatego mamy przykład lub szablon wykonywalna aplikacja aby udowodnić, że to działa wcześniej. Aby jednak uruchomić harmonogram, musimy najpierw dodać platformę lub platformy.

Jeśli chcemy przetestować na urządzeniach z systemem Android i iOS, używamy polecenia wewnątrz katalogu aplikacji. W ten sposób będzie wiadomo, że jest to aplikacja do skompilowania. Po skompilowaniu w katalogu wygeneruje dla nas pliki.

Będzie to instalowalny i wykonywalny plik apk na dowolnym urządzeniu z Androidem. Do uruchom to katalog aplikacji musi mieć pełne uprawnienia dostępu.

Teraz zajmiemy się tym pierwszy raz z emulatorem, więc wpisujemy w terminalu. Możemy zobaczyć ogólne urządzenie, które pokazuje aplikacja. Kliknij na niego i zobacz domyślną aplikację Apache.

Teraz możemy rozpocząć tworzenie naszej aplikacji, edytując plik index.html znajdujący się w katalog www. Reszta kodu to HTML5, plik cordoba.js będzie miał ustawienia serwera. Plik index.js będzie miejscem, w którym zaprogramujemy nasz skrypt, aby nadał aplikacji interaktywność.

Po wprowadzeniu zmian zapisz pliki i ponownie uruchom polecenie Android emuluje kordową. Wcześniej skonfigurowaliśmy inne urządzenie w Menedżerze urządzeń Android.

Do tej pory mogliśmy zobaczyć, jak tworzyć aplikacje za pomocą HTML5, CSS3 i JavaScript lub Jquery dla urządzeń mobilnych. Projekt należy uznać za elastyczny, aby można go było używać zarówno na urządzeniach mobilnych, jak i na komputerach lub komputerach PC.

dołącz do naszego kanału telegram