ionic-framework
Start Ionic App op Emulator of op je telefoon

Start Ionic App op Emulator of op je telefoon

1. Voeg een platformdoel toe

iOS:

$ ionic platform add ios 

Android:

$ ionic platform add android

Ramen:

$ ionic platform add windows

2. Bouw uw app

iOS:

$ ionic build ios 

Android:

$ ionic build android

Ramen:

$ ionic build windows

Live Reload-app tijdens ontwikkeling (bèta)

Met de opdracht run of emulate wordt de app op de opgegeven platformapparaten / emulators geïmplementeerd. U kunt ook live herladen uitvoeren op het opgegeven platformapparaat door de optie --livereload toe te voegen. De live herlaadfunctionaliteit is vergelijkbaar met ionic serve , maar in plaats van het ontwikkelen en debuggen van een app met behulp van een standaardbrowser, let de gecompileerde hybride app zelf op wijzigingen in de bestanden en laadt de app indien nodig opnieuw. Dit vermindert de vereiste om de app voortdurend opnieuw op te bouwen voor kleine wijzigingen. Voor wijzigingen in plug-ins moet u echter nog steeds volledig opnieuw opbouwen. Voor live reload om te werken, moet de dev machine en het apparaat zich in hetzelfde lokale netwerk, en het apparaat moet ondersteunen web sockets .

Als live herladen is ingeschakeld, kunnen de --consolelogs een app ook worden afgedrukt naar de terminal / opdrachtprompt door de optie --consolelogs of -c . Bovendien kunnen de aanvraaglogboeken van de ontwikkelingsserver worden afgedrukt met behulp van de opties --serverlogs of -s .

Opdrachtregelvlaggen / opties voor run en emulate

[--livereload|-l] .......  Live Reload app dev files from the device (beta)
[--consolelogs|-c] ......  Print app console logs to Ionic CLI (live reload req.)
[--serverlogs|-s] .......  Print dev server logs to Ionic CLI (live reload req.)
[--port|-p] .............  Dev server HTTP port (8100 default, live reload req.)
[--livereload-port|-i] ..  Live Reload port (35729 default, live reload req.)
[--debug|--release]

Terwijl de server actief is voor live herladen, kunt u de volgende opdrachten binnen de CLI gebruiken:

restart or r to restart the client app from the root
goto or g and a url to have the app navigate to the given url
consolelogs or c to enable/disable console log output
serverlogs or s to enable/disable server log output
quit or q to shutdown the server and exit

3. Het emuleren van uw app

Implementeert de Ionic-app op de opgegeven platformemulator. Dit is gewoon een alias voor run --emulator .

iOS:

$ ionic emulate ios [options]

Android:

$ ionic emulate android [options]

Ramen:

$ ionic emulate windows [options]

Tijdens het emuleren van een app in AVD of mobiele telefoons, kunt u die app inspecteren in de Chrome-browser. Typ de volgende opdracht in de adresbalk van de Chrome-browser.

chrome://inspect/#devices

4. Uw app uitvoeren

Implementeert de Ionic-app op opgegeven platformapparaten. Als een apparaat niet wordt gevonden, wordt het geïmplementeerd in een emulator / simulator.

iOS:

$ ionic run ios [options]

Android:

$ ionic run android [options]

Ramen:

$ ionic run windows [options]

4.1. Uw doel specificeren

$ ionic run [ios/android/windows] --target="[target-name]"

U kunt de doelnaam van uw apparaat / emulator met $ adb devices .