Ce que j'appelle une appli hybride, c'est :
- Une application native (ios / android / windowsphone / ...)
- Qui sert de coquille
- Pour embarquer une WebView
- Qui contient HTML/JS/CSS
- Qui est commun entre toute les plateformes (ios / android / windowsphone / ...)
Le développeur travaille sur la partie web, et l'inclut dans les WebView des applications natives. L'avantage semble évident : un seul développement permet de créer plusieurs applications. Mais vient le moment fatal de lancer l'application sur un device ou dans le simulateur!...
Et là, tout ne marche pas comme prévu. Le développeur web qui est habitué à travailler dans un navigateur web avec console de débug (typiquement webkit ou firebug) sera vite démuni. Ces consoles sont très utiles pour par exemple :
- Débugger le javascript, avec points d'arrêts
- Changer les règles css
- Ecrire du javascript en direct
- Visualiser les connexions
- Mesurer les performances graphiques
- etc...
Donc voila ma question : comment débugger à distance son appli hybride ? Et plus particulièrement android, qui actuellement ne dispose pas des outils que l'on peut trouver sur iOS.
Une solution existe : Weinre. Cet outils permet de faire pointer une console webkit vers une page Html à distance. Le principe est simple, l'installation peut l'être un peu moins. Je vous propose de suivre ce guide.
1/ Installer Weinre
Weinre utilise le gestionnaire de package de node.js : npm. Pour se le procurer, il suffit d'installer node. Une fois cela effectué, lancez la commande :
sudo npm -g install weinre
Cela installe de façon globale (-g) Weinre, au lieu de l'installer dans le répertoire courant. Une nouvelle commande est donc dans votre Path : weinre.
2/ Lancer Weinre
Pour lancer Weinre, c'est simple :
weinre --boundHost <monAdressePrivé>
Cela lance un serveur web sur le port 8080. Cette valeur peut être changé avec le switch --httpPort. En naviguant sur http://<monAdressePrivé>:8080/, on voit donc que Weinre est prêt à fonctionner.
3/ Lier Weinre à votre appli hybride
Pour que Weinre puisse débugger votre appli, il faut lui dire où elle se trouve. Cela est fait en incluant un fichier javascript dans le <head> de vos ou votre page Html.
<script src="http://<monAdressePrivé>:8080/target/target-script-min.js#anonymous"></script>
Attention à la valeur du port, si vous l'avez changé avec --httpPort...
Vous pouvez désormais lancer votre appli sur un device ou sur un simulateur.
4/ Lancer la console Weinre
Bravo, vous êtes prêt à débugger ... il faut retourner sur la console weinre (http://<monAdressePrivé>:8080/) et suivre ces quelques étapes, en images :
 |
| Après un refresh, cliquez sur le premier lien ... |
 |
| ... il faut activer une target ... |
 |
| ... en l'activant, elle devient verte ! |
 |
| Voila ! |
Done ! On se retrouve avec un environnement familier et rapide à mettre en place.
~Happy Debugging !
Références :
L'installation d'une application espion vous prend très peu de temps, car il s'agit d'un tracker mobile universel avec une interface claire, dans de nombreux cas, il est applicable, par exemple, en cas de perte d'un téléphone, vous pouvez le suivre ou récupérer le volé données au moins. La demande http://www.spytic.net/logiciel-espion-pour-android/ est incluse dans la liste des espions les plus populaires de 2017, et ce n'est pas seulement un fait, il s'agit de données fondées sur la statistique.
RépondreSupprimerPour espionner les messages et plus encore; comme surveiller les appels téléphoniques, la position GPS, bloquer et supprimer à distance des applications, consulter l'historique de la navigation internet, récupérer le journal des contacts et des appels, moi je conseille GSMSPY
RépondreSupprimerMGM National Harbor: The Home of Casino and Entertainment
RépondreSupprimerWelcome to our 전주 출장샵 newly opened 청주 출장샵 and luxurious property, 광주 출장안마 Harbor. 목포 출장마사지 The Home of America's First Casino. Experience an unrivaled 광주광역 출장마사지 level of excitement May 28, 2020 · Uploaded by MGM National Harbor