nativescriptAan de slag met nativescript


Opmerkingen

Nativescript is een zeer performante platformoverschrijdende mobiele app-runtime, waarmee u iOS en Android (met Windows in de pijplijn) kunt targeten met behulp van webtechnologieën (JS en HTML). Het is gemaakt met een aantal hoofddoelen:

  • Visueel performant: geen UI Jank, zelfs op Android heb je boterachtige, soepele fps
  • Uitbreidbaar: u hebt toegang tot alle native API's om eenvoudige cross-platform plug-ins te maken
  • Volledig native gebruikersinterface
  • Sterk geïntegreerd met typescript en hoekig 2
  • Open Source, met krachtige bedrijfsondersteuning van Telerik

Hoe de native-script-Android-app via wifi te debuggen (zonder root)

1 - U moet uw apparaat via een USB-kabel op uw computer aansluiten. Controleer of USB-foutopsporing werkt. U kunt controleren of het wordt weergegeven bij het uitvoeren van adb devices (of tns device ).

voer hier de afbeeldingsbeschrijving in

2-Run adb tcpip 5555

voer hier de afbeeldingsbeschrijving in

3-Koppel uw apparaat los (verwijder de USB-kabel).

4-Ga naar Instellingen -> Over telefoon -> Status om het IP-adres van uw telefoon te bekijken.

5-Run adb connect <IP address of your device>:5555

voer hier de afbeeldingsbeschrijving in

6 - Als u adb devices (of tns device ) opnieuw uitvoert, zou u uw apparaat moeten zien.

voer hier de afbeeldingsbeschrijving in

7- Nu kunt u tns run android , tns livesync android opdrachten gebruiken.

OPMERKINGEN:

1 - wanneer het WiFi-netwerk verandert, hoeft u stap 1 tot 3 niet te herhalen (deze zet uw telefoon in de wifi-debug-modus). U moet opnieuw verbinding maken met uw telefoon door stappen 4 tot 6 uit te voeren.

2-Android-telefoons verliezen de wifi-foutopsporingsmodus bij het opnieuw opstarten. Dus als je batterij leeg is, moet je opnieuw beginnen. Anders kunt u weken zonder kabel leven als u uw batterij in de gaten houdt en uw telefoon niet opnieuw start!

WAARSCHUWING:

de optie ingeschakeld laten is gevaarlijk, iedereen in uw netwerk kan via debug verbinding maken met uw apparaat, zelfs als u zich in een datanetwerk bevindt. Doe het alleen wanneer verbonden met een vertrouwde wifi en vergeet niet om het te verbreken wanneer u klaar bent!

referentie :

1-Norman Peitek. 2014. Hoe uw Android-app te debuggen via wifi (zonder root!). [ONLINE] Beschikbaar op: https://futurestud.io/blog/how-to-debug-your-android-app-over-wifi-without-root . [Bezocht op 8 augustus 2016].

2-usethe4ce. 2012. Android-applicaties uitvoeren / installeren / debuggen via Wi-Fi ?. [ONLINE] Beschikbaar op: http://stackoverflow.com/a/10236938/4146943 . [Bezocht op 8 augustus 2016].

Installatie of instellingen

Gedetailleerde instructies voor het instellen of installeren van Nativescript.

De volgende voorbeelden tonen de vereiste stappen om een Windows- of OSX-systeem in te stellen en vervolgens een bericht te ondertekenen bij handleidingen voor het oplossen van problemen voor het geval u problemen ondervindt.

Daarnaast zijn er voorbeelden van het instellen van aanbevolen workflows, IDE's en emulators.

MacOS

  1. Zorg ervoor dat de meest recente Node.js LTS is geïnstalleerd. Als u Homebrew gebruikt , kan dit worden gedaan met brew install node4-lts .
  2. Open Terminal en typ npm install -g nativescript . Als u een EACCES fout krijgt, gebruikt u sudo npm install -g nativescript .
  3. Typ in de opdrachtprompt ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)" . (Dit kan even duren.)
  4. Typ tns doctor in Terminal om te controleren of het bovenstaande werkt.
  5. Als er fouten zijn, volg dan de gids voor probleemoplossing .

Visual Studio Code gebruiken voor NativeScript-ontwikkeling

Visual Studio Code is een open-source en veelzijdige code-editor van Microsoft. Om het in te stellen voor NativeScript-ontwikkeling, opent u het opdrachtpalet ( F1 of + Shift + P ) en typt u ext install NativeScript .

Nadat de NativeScript-extensie is geïnstalleerd, moet u met de debugger breekpunten in uw code instellen. Wanneer een apparaat is verbonden of een emulator actief is, kunt u uw app starten vanaf het tabblad Foutopsporing. Keuzemenu apparaat

ramen

  1. Zorg ervoor dat u de nieuwste nodeJS LTS hebt geïnstalleerd
  2. Open de opdrachtprompt en typ $ npm install -g nativescript
  3. Typ in de opdrachtprompt $ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))" - dit kan duurt even
  4. Om te controleren of het bovenstaande heeft gewerkt, typt u $ tns doctor in de opdrachtprompt (uw cmd)
  5. Als er fouten zijn, volg dan de gids voor probleemoplossing

Je eerste Hello World-programma

$ mkdir hello-world
$ cd hello-world
$ tns create hello-world --ng
$ tns platform add android #You can only add ios on an OSX machine
 

Zorg er vervolgens voor dat je een apparaat hebt aangesloten of dat een emulator actief is (als je dat niet doet, zou de standaardemulator moeten starten of een foutmelding verschijnen. Ik zou genymotion voor Android aanbevelen).

$ tns run android 
 

Als u de standaard Android-emulator wilt gebruiken, voegt u de vlag --emulator .

Vanaf tns 2.5 is livesync nu de standaardactie voor tns run <platform> , die automatisch opnieuw compileert wanneer u bestandswijzigingen opslaat. Dit kan je ontwikkelingstijd aanzienlijk verbeteren, maar als je wijzigingen in je plug-ins aanbrengt, moet je opnieuw compileren.