Premiers pas avec nativescript

Les fenêtres #

1. Assurez-vous que la dernière version de nodeJS LTS est installée
2. Ouvrez l’invite de commande et tapez $ npm install -g nativescript
3. Dans l’invite de commande, tapez $ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))" - cela peut prendre un certain temps
4. Pour vérifier que ce qui précède a fonctionné, tapez $ tns doctor dans l’invite de commande (votre cmd)
5. S’il y a des erreurs, suivez le guide de dépannage

Installation ou configuration #

Instructions détaillées sur la configuration ou l’installation de Nativescript.

Les exemples suivants montrent les étapes requises pour configurer un système Windows ou OSX, puis signent des guides de dépannage en cas de problème.

En outre, il existe des exemples de configuration des flux de travail, des IDE et des émulateurs recommandés.

mac OS #

1. Assurez-vous que le plus récent Node.js LTS est installé. Si vous utilisez Homebrew, cela peut être fait avec brew install node4-lts.
2. Ouvrez Terminal et tapez “npm install -g nativescript”. Si vous obtenez une erreur EACCES, utilisez sudo npm install -g nativescript.
3. Dans l’invite de commande, tapez ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)". (Cela peut prendre un certain temps.)
4. Pour vérifier que ce qui précède a fonctionné, tapez “tns doctor” dans Terminal.
5. S’il y a des erreurs, suivez le guide de dépannage.

Utilisation de Visual Studio Code pour le développement NativeScript #

Visual Studio Code est un éditeur de code open source et riche en fonctionnalités de Microsoft. Pour le configurer pour le développement NativeScript, ouvrez la palette de commandes (F1 ou ⌘+Shift+P) et tapez ext install NativeScript.

Une fois l’extension NativeScript installée, le débogueur devrait vous permettre de définir des points d’arrêt dans votre code. Lorsqu’un appareil est connecté ou qu’un émulateur est en cours d’exécution, vous pouvez démarrer votre application à partir de l’onglet Déboguer. ![Menu sélection appareil][1]

[1] : http://i.stack.imgur.com/QGpdm.png

Votre premier programme Hello World #

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

Assurez-vous ensuite qu’un appareil est connecté ou qu’un émulateur est en cours d’exécution (si vous ne le faites pas, l’émulateur par défaut devrait démarrer ou une erreur sera générée. Je recommanderais genymotion pour Android).

$ tns run android 

Si vous souhaitez utiliser l’émulateur Android par défaut, ajoutez le drapeau --emulator.

À partir de tns 2.5, livesync est désormais l’action par défaut pour tns run <platform>, qui se recompilera automatiquement lorsque vous enregistrerez les modifications de fichier. Cela peut considérablement améliorer votre temps de développement, cependant, si vous apportez des modifications à vos plugins, vous devrez recompiler correctement.

Comment déboguer l’application nativescript-android via WiFi (sans racine) #

1-Vous devez connecter votre appareil à votre ordinateur via un câble USB. Assurez-vous que le débogage USB fonctionne. Vous pouvez vérifier s’il s’affiche lors de l’exécution de dispositifs adb (ou dispositif tns).

[![entrez la description de l’image ici][1]][1]

2-Exécutez adb tcpip 5555

[![entrez la description de l’image ici][2]][2]

3-Déconnectez votre appareil (enlevez le câble USB).

4-Allez dans Paramètres -> À propos du téléphone -> État pour afficher l’adresse IP de votre téléphone.

5-Exécutez adb connect <adresse IP de votre appareil> : 5555

[![entrez la description de l’image ici][3]][3]

6-Si vous exécutez à nouveau adb devices (ou tns device), vous devriez voir votre appareil.

[![entrez la description de l’image ici][4]][4]

7- Vous pouvez maintenant utiliser les commandes tns run android, tns livesync android.

REMARQUES :

1-lorsque le réseau WiFi change, vous n’avez pas à répéter les étapes 1 à 3 (celles-ci mettent votre téléphone en mode wifi-debug). Vous devez vous reconnecter à votre téléphone en exécutant les étapes 4 à 6.

2-Les téléphones Android perdent le mode de débogage wifi lors du redémarrage. Ainsi, si votre batterie est morte, vous devez recommencer. Sinon, si vous gardez un œil sur votre batterie et ne redémarrez pas votre téléphone, vous pouvez vivre sans câble pendant des semaines !

ATTENTION :

laisser l’option activée est dangereux, n’importe qui dans votre réseau peut se connecter à votre appareil en débogage, même si vous êtes sur un réseau de données. Faites-le uniquement lorsque vous êtes connecté à un réseau Wi-Fi de confiance et n’oubliez pas de le déconnecter lorsque vous avez terminé !

référence:

1-Norman Peitek. 2014. Comment déboguer votre application Android via WiFi (sans racine !). [EN LIGNE] Disponible sur : https://futurestud.io/blog/how-to-debug-your-android-app-over-wifi-without-root. [Consulté le 8 août 2016].

2-utilisezle4ce. 2012. Exécuter/installer/déboguer des applications Android via Wi-Fi ?. [EN LIGNE] Disponible sur : http://stackoverflow.com/a/10236938/4146943. [Consulté le 8 août 2016].

[1] : http://i.stack.imgur.com/IFF2O.png [2] : http://i.stack.imgur.com/zIMCq.png [3] : http://i.stack.imgur.com/Xz59K.png [4] : http://i.stack.imgur.com/t6Ojy.png