Cordova - Pierwsza aplikacja
Zrozumieliśmy, jak zainstalować Cordova i skonfigurować dla niego środowisko. Gdy wszystko będzie gotowe, możemy stworzyć naszą pierwszą aplikację hybrydową Cordova.
Krok 1 - Tworzenie aplikacji
Otwórz katalog, w którym chcesz zainstalować aplikację w wierszu polecenia. Stworzymy go na komputerze.
C:\Users\username\Desktop>cordova
create CordovaProject io.cordova.hellocordova CordovaAppCordovaProject to nazwa katalogu, w którym tworzona jest aplikacja.
io.cordova.hellocordovajest domyślną wartością domeny odwrotnej. Jeśli to możliwe, powinieneś użyć własnej wartości domeny.
CordovaApp to tytuł Twojej aplikacji.
Krok 2 - Dodawanie platform
Musisz otworzyć katalog projektu w wierszu polecenia. W naszym przykładzie jest to plikCordovaProject. Powinieneś wybierać tylko te platformy, których potrzebujesz. Aby móc korzystać z określonej platformy, musisz mieć zainstalowany zestaw SDK platformy. Ponieważ rozwijamy się w systemie Windows, możemy korzystać z następujących platform. Zainstalowaliśmy już Android SDK, więc zainstalujemy platformę Android tylko na potrzeby tego samouczka.
C:\Users\username\Desktop\CordovaProject>cordova platform add androidIstnieją inne platformy, których można używać w systemie operacyjnym Windows.
C:\Users\username\Desktop\CordovaProject>cordova platform add wp8C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireosC:\Users\username\Desktop\CordovaProject>cordova platform add windowsC:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxosJeśli tworzysz na komputerze Mac, możesz użyć -
$ cordova platform add IOS$ cordova platform add amazon-fireos$ cordova platform add android$ cordova platform add blackberry10$ cordova platform add firefoxosMożesz również usunąć platformę ze swojego projektu, używając -
C:\Users\username\Desktop\CordovaProject>cordova platform rm androidKrok 3 - Budowanie i uruchamianie
W tym kroku zbudujemy aplikację dla określonej platformy, abyśmy mogli ją uruchomić na urządzeniu mobilnym lub emulatorze.
C:\Users\username\Desktop\CordovaProject>cordova build androidTeraz możemy uruchomić naszą aplikację. Jeśli używasz domyślnego emulatora, powinieneś użyć -
C:\Users\username\Desktop\CordovaProject>cordova emulate androidJeśli chcesz użyć zewnętrznego emulatora lub prawdziwego urządzenia, powinieneś użyć -
C:\Users\username\Desktop\CordovaProject>cordova run androidNOTE - Użyjemy Genymotion android emulatorponieważ jest szybszy i bardziej responsywny niż domyślny. Możesz znaleźć emulator tutaj . Możesz także użyć prawdziwego urządzenia do testowania, włączającUSB debuggingz opcji i podłączenie go do komputera za pomocą kabla USB. W przypadku niektórych urządzeń konieczne będzie również zainstalowanie sterownika USB.
Po uruchomieniu aplikacja zainstaluje ją na określonej przez nas platformie. Jeśli wszystko zakończy się bez błędów, dane wyjściowe powinny pokazywać domyślny ekran startowy aplikacji.
W następnym samouczku pokażemy, jak skonfigurować aplikację Cordova.