Est-il possible, à votre avis de développer sous aspnet .core et de créer une application angular ?
Plutôt que de tout le temps passer par une application Node.js et créer la confusion : mon application angular a-t-elle besoin de node.js pour fonctionner, revenons aux fondamentaux.
Vous l’avez bien compris, il existe deux mondes d’applications :
Ainsi, vu que tout est côté client, en fait, on peut avoir une page html pure : index.html et c’est tout.
Tout le reste, c’est le javascript, qui sera chargé par le navigateur, qui va s’occuper de tout fonctionner. Dans notre cas : le moteur Angular (les modules, les composants, ..).
Ainsi, nous pouvons très bien avoir une application sous asp.net core, et avoir le javascript comme toute application, site web “normal”.
A priori, nous avons un template, un patron d’auto-génération, pour créer une application Angular, avec asp.net core depuis Visual Studio Community.
Testons tout ça !
Clic sur OK, et attendre que la génération du projet se fasse.
Dans le ClientApp, nous avons toute la structure du projet Angular : 
Or, si on analyse le fichier package.json, présent dans le dossier ClientApp, on note que la version d’Angular proposée par le template est la 5.
Cependant, nous souhaitons travailler avec la 6 ou bien la 7.
Ainsi, pour ça, suivons les étapes suivantes :
Malgré cela, nous nous retrouvons avec un message d’erreur :
Could not find module “@angular-devkit/build-angular”
En invite de commande nous lançons un npm install –save-dev “@angular-devkit/build-angular
Que c’est fastidieux ! Un moteur de génération doit nous faire gagner du temps, pas nous en faire perdre !
NOTE: par moment, ça fonctionne le moteur de génération, il nous reste à investiguer pourquoi par moment ça fonctionne, pourquoi dans d’autres moments, nous avons plein de problèmes.
L’idée ici est de créer un projet en deux temps :
Créez une application asp.net core.
Choisissez bien API comme générateur de projet.
Assurez-vous bien que Angular et Angular CLI sont bien installés sur votre pc.
L’inconvénient du ng new, c’est qu’il ne permet pas, de base, de générer tout le contenu nécessaire dans un dossier contenant déjà du code / des fichiers.
Utilisez plutôt : ng new {nom du projet angular} –directory ./
ATTENTION : le nom du projet angular doit être le même que celui de votre csproj.
Tous vos fichiers et vos dossiers angular ont donc été générés depuis la racine de votre projet csproj.
Enfin, vous devez configurer :
<PropertyGroup>
<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
<PostBuildEvent>ng build –aot</PostBuildEvent>
</PropertyGroup>
“WebApplication1”: {
“commandName”: “Project”,
“launchBrowser”: true,
“launchUrl”: “”,
“applicationUrl”: “http://localhost:5000″,
“environmentVariables”: {
“ASPNETCORE_ENVIRONMENT”: “Development”
}
}
app.UseDefaultFiles();
app.UseStaticFiles();
And voilà :
