jeudi 1 juin 2017

Setup AngularJS for ASP.NET Core 1.0.1

Vous avez installé les derniers tools pour Visual Studio et vous souhaitez travailler avec AngularJS mais vous vous demandez comment faire ? Alors voici la réponse (évidemment on est toujours avec Visual Studio 2015) :

Premièrement

Installez la bonne plateforme, le bon template :
Set up Angular JS for ASP.NET Core 1.0

Deuxièmement

Suivez attentivement la vidéo :
Building JavaScript apps with Angular
(si vous en avez marre de cette vidéo trop longue, vous pouvez aussi poursuivre la lecture de cet article)

Résultat

Le résultat le voilà ! Vous devez obtenir le résultat suivant :

ASP.NET Core 1.0.1 AngularJS
Je ne dis pas que c'est facile bien au contraire.

Explications

Donc vous êtes d'accord, la question en bas de la vidéo : C'est quoi le template de départ ? Est maintenant résolue ...

En effet cette question est posée dans les commentaires de la vidéo et c'est véritablement la question cruciale, celle qui nous aura pris le plus de temps : Comment installer notre application de base pour travailler avec toute cette pile de logiciels correctement ?

Après toutes ces configurations, la structure de l'application est la suivante :

ASP.NET Core 1.0.1 AngularJS
Le fichier app.js a le contenu suivant :

app.js
J'attire également votre attention sur le fichier de références qui doit être modifié "à la main" :

_references.js
Et enfin le contenu du fichier html que je vous présente ici :

Fichier index.html de la solution

Conclusion sur ASP.NET Core 1.0 and AngularJS

Bon, je suis pas mécontent d'y être arrivé. La difficulté pour moi je me suis légèrement perdu, j'ai tenté de créer un contrôleur avec le bouton droit de la façon suivante :
Ajouter un Controlleur JavaScript
Ajout d'un Contrôleur AndularJS utilisant Scope
Ce qui a eu pour effet de créer un fichier dont le contenu est le suivant :

Contrôleur AndularJS utilisant Scope
J'ai cru que j'avais trouvé un truc, le moyen de créer un contrôleur facilement et rapidement mais ce fut le contraire, ce truc m'a fait perdre du temps ! Le contrôleur ainsi créé ne fonctionne pas avec ce nouveau model d'application. Et oui on fait un pas avant et un pas en arrière.

Sincèrement, vous voulez mon avis ? Je vais vous le donner quand même, il me semble que l'on est un peu revenu en arrière, si si je vous assure, quand il y avait quelques petits malins qui arrivaient avec des scripts persos pour développer au-dessus d'ASPX et qu'on leur disait mais arrête de te faire chi(bip)... avec le JavaScript regarde plutôt AjaxControlToolkit ... Et bien on en est revenu là !

Bref, chacun sa paroisse, aujourd'hui les outils pour écrire des JS sont bien plus évolués comme intellisense et autres, ils permettent d'être un peu efficace même avec Visual Studio mais à quand une chaîne de développement RAD pour Appli Web ?

Have fun !

3 commentaires:

  1. Réponses
    1. If you'd like to put a link to this site on your site do not hesitated, this will be cool

      Supprimer
  2. It is integrated on MS Windows server to facilitate creation of varied web-based applications. These applications facilitate file gathering, sharing, management and storage.




    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery




    RépondreSupprimer