Connaitre les technologies et frameworks utilisés par un site web

Vous voyez un site sympa et vous vous demandez quelles technos se cachent derrière ? Tous les développeurs (et autres) se sont déjà posés cette question!…

L’outil magique

wappalyzer_chrome_download

Pour ça, il y a Wappalyzer! Cette superbe extension pour Google Chrome et Mozilla Firefox permet de vous donner la réponse sans avoir à aller fouiller dans le code source!

Elle permet de détecter :

  • le type de serveur web
  • les frameworks Javascript utilisés
  • les outils analytiques etc…

L’exemple avec Github.com

Si on prend par exemple Github, après avoir installé l’extension sur Chrome, on peut voir apparaître un petit logo “Rails” à droit dans la barre d’adresse (voir ci-dessous)

github_wappalyzer_rails

En cliquant sur l’icône, on peut voir l’ensemble des frameworks et des technos qui sont utilisées par Github sur son site.

all_frameworks_wappalyzer

On peut donc voir qu’il y a du Ruby on Rails, Google Analytics et puis du jQuery!

Sur certains autres sites on obtient une liste beaucoup plus longue de frameworks et ça peut orienter les développeurs dans les choix donc c’est plutôt sympa!

Quelques liens

X-Ray, visualiser l’architecture et les dépendances d’un projet sous Eclipse

Pour présenter ou tout simplement avoir une vue globale de l’architecture d’un projet, il existe un plugin Eclipse très pratique : X-Ray.

X-Ray c’est quoi ?

X-Ray est un plugin open-source destiné à Eclipse.

Il permet de visualiser :

  • la compléxité d’un projet
  • les dépendances entre les classes
  • les dépendances entre les packages

Etape 1 : Téléchargement

Deux archives sont à télécharger pour utiliser ce plugin.

La première est l’archive “GEF framework plug-in and metadata” utilisée pour générer les graphiques : Télécharger.
Prenez la dernière version disponible et télécharger l’archive “All-In One Update Site”.
xray_download_1

La seconde est l’archive “X-Ray plug-in” : Télécharger.
xray_download_2

Etape 2 : Installation

Pour l’installer, il suffit d’ajouter les différentes fichiers des deux archives téléchargées, aux sources de votre Eclipse.

Pour “GEF framework plug-in and metadata” :

x_ray_gef_content

  • Copiez-Collez les deux fichiers “artifacts.jar” et “content.jar” à la racine de votre eclipse (eclipse/)
  • Copiez-Collez tous les fichiers du dossier plugins dans le dossier plugins de votre eclipse (eclipse/plugins/)
  • Copiez-Collez tous les fichiers du dossier features dans le dossier features de votre eclipse (eclipse/features/)

Pour “X-Ray plug-in” :

xray_plugin_content

  • Copiez-Collez le fichier “org.malnatij.SVPlugin_X.X.jar” dans le dossier plugins de votre eclipse (eclipse/plugins/)

Voilà, le plugin est prêt pour l’utilisation.

Pensez à fermer et ré-ouvrir Eclipse pour voir les changements.

Etape 3 : Utilisation

Ce plugin dispose de quelques fonctionnalités intéressantes que vous découvrirez au fur et à mesure de son utilisation.

La première consiste à analyser l’état d’un projet (Clique droit sur le projet > Analyse with X-Ray)

On obtient une nouvelle vue “X-Ray” avec les infos globales du projet :

xray_recap_packages_classes_methods_lines

  • 3 packages
  • 9 classes
  • 58 méthodes
  • 1021 lignes

Accompagné d’un graphique bien sympa : La complexité du projet

xray_complexity_project

En cliquant sur le petit logo encadré en rouge, on peut modifier le type d’analyse et donc choisir d’analyser:

xray_analyse

  • Les dépendances entre les classes
  • Les dépendances entre les packages
  • La complexité du projet (actuel)

Autre graphique sympa : Les dépendances entre les classes

xray_class_dependency

Si vous avez d’autres plugins utiles, n’hésitez pas à les partager, merci!