GLPI - AD
Site de supervision des environnements hors-production
Utiliser le manager de paquets NPM pour installer MyMim
npm install
Lancer le client Angular
ng serve
Se rendre sur son navigateur à l’adresse localhost:4200
L’architecture de l’application Angular MyMim repose sur deux pilliers
| Les pages | Les components |
|---|---|
| C’est une vue, une page affiche un ou plusieurs components, une route permet d’y accéder | C’est un module défini qui possède une fonction précise, qui n’est pas intégré à la table de routage |
Par exemple la page environnement comporte les composants ci-dessous
Le composant tuile-environnement est lui même composé du composant menu-contextuel
Ci-dessous un example d’arborescence des components
L’utilisation du client http est centralisé dans les fichiers du dossier services
N’oubliez pas d’injecter le client http dans le constructeur !
constructor(private http: HttpClient) { }
Ensuite créez un observable
public getArticles(): Observable<Any> {return this.http.get('http://localhost:3000/cartographie/'));}
Le fichier refresh.service.ts permet à un composant de demander un rafraichissement générale des données
Il est préférable de procéder à du lazy loading
L’utilisation d’un Subject est nécessaire
let rafraichissement = new Subject<string>();// On souscritrafraichissement.subscribe((data) => {console.log("Rafraichissement >>>>> "+ data);});// On émetrafraichissement.next("Page Sonde");
Il est possible de rendre l’application compatible avec internet explorer
Pour celà il vous faudra décommenter certaines lignes dans le fichier polyfill.ts
Pour en savoir plus, voir le site Angular
Loïc Le Minoux 