Angular and Aspnet Core
1)ClientApp--Client side code --Angular app
App folder has a)app.module.TS b)components
2)Controllers and Views--ASP.netcore
3)WWWRoot--public assets of client
It has dist--Distributable folder--(img,fonts,icons)
dist has
a)main-client.js ---compilation of angular app into js
b)vendor.js---compilation of all third party libraries
c)vendor.css--compilation of all third party css
4)Appsettings.json---applications settings --prev versions use web.config
5).csproj----VS-17 Recognises
6)Web.config---only <system.webserver> --configuration of IIS
7)couple of Webpack configuration files--bundler for client side code--compile and minify java files and style sheet files---
Webpack.vendor.js--configuration for compiling third party libraries-
in entry vendor --all the third party libraries are present
Infuture to add third party--add in entry vendor in webpack.vendor
8)Program.cs--Main is the entry point--configure webserver
1)kestral--crossplatform webserver--only for internal use --for public facing --put kestral behind IIS
2)weblistener--only windows
9)Startup--2 method -
1)configuration services--used with Dependecy Injection
<IserviceCollection services> --container for all dependencies
if controllers have dependencies that should be provided in the constructor
add the depencies using
services.Transient<IRepository,Repository> IRepo--is interface Repository--implentation class
in configuration services method---By this we are registering Repo is an implenation of IRepo
Next time if we see IRepository in Constructor of class --Runtime will create instance of Repository class and Injects into that class.
2)Configure--COnfigure middleware
1)Confuguring Logs--debug logs,console logs,persistent file logs
2)Request processing pipeline
Middleware--Development exception page,Webpackage--changes in css --push the changes in browser,UseStaticfiles--Images,stylesheets--can be served--
MVC--Looks at request --and forward based on Routing
Hot Module Replacement--No need to compile css again
Webpackdev--Anytime you modify client side code--Changes are Reflected in the app
App folder has a)app.module.TS b)components
2)Controllers and Views--ASP.netcore
3)WWWRoot--public assets of client
It has dist--Distributable folder--(img,fonts,icons)
dist has
a)main-client.js ---compilation of angular app into js
b)vendor.js---compilation of all third party libraries
c)vendor.css--compilation of all third party css
4)Appsettings.json---applications settings --prev versions use web.config
5).csproj----VS-17 Recognises
6)Web.config---only <system.webserver> --configuration of IIS
7)couple of Webpack configuration files--bundler for client side code--compile and minify java files and style sheet files---
Webpack.vendor.js--configuration for compiling third party libraries-
in entry vendor --all the third party libraries are present
Infuture to add third party--add in entry vendor in webpack.vendor
8)Program.cs--Main is the entry point--configure webserver
1)kestral--crossplatform webserver--only for internal use --for public facing --put kestral behind IIS
2)weblistener--only windows
9)Startup--2 method -
1)configuration services--used with Dependecy Injection
<IserviceCollection services> --container for all dependencies
if controllers have dependencies that should be provided in the constructor
add the depencies using
services.Transient<IRepository,Repository> IRepo--is interface Repository--implentation class
in configuration services method---By this we are registering Repo is an implenation of IRepo
Next time if we see IRepository in Constructor of class --Runtime will create instance of Repository class and Injects into that class.
2)Configure--COnfigure middleware
1)Confuguring Logs--debug logs,console logs,persistent file logs
2)Request processing pipeline
Middleware--Development exception page,Webpackage--changes in css --push the changes in browser,UseStaticfiles--Images,stylesheets--can be served--
MVC--Looks at request --and forward based on Routing
Hot Module Replacement--No need to compile css again
Webpackdev--Anytime you modify client side code--Changes are Reflected in the app
Comments
Post a Comment