search

yurlovm / aspnetcore_angular

Quick start project for ASP.NET Core with Angular including Webpack, WebSockets, JWT authentication.
MIT License
2 stars 0 forks source link

readme

Quick start project for ASP.NET Core with Angular including Webpack, WebSockets, JWT authentication.

Prerequisite: install node.js, install TypeScript globally:

npm install -g typescript

Prerequisite: Visual Studio 2015 Update 3 or Visual Studio 2017

Prerequisite: Configure Visual Studio to use the global external web tools instead of the tools that ship with Visual Studio:

To disable compilation of ts files in IDE upon saving set for a given tsconfig.json "compileOnSave": false

If you want to disable "npm install" every time you open the project then turn off all entries in External Web Tools.

If you would like to disable building TypeScript files by IDE Build in your solution add node

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

to the first PropertyGroup element in .csproj file.

Building Angular:

First install all npm packages:

npm install

Build your Angular app by npm scripts commands:

npm script comment
npm run build build Angular app without AOT
npm run build:prod build Angular app for production with AOT and minimization
npm run wp build Angular app in watch mode without AOT
npm run clean clean output webpack folder
npm run reset clean everything including node_modules
npm run tslint inting Angular app
npm run test testing Angular app by karma and jasmine
npm run e2e e2e testing Angular app by protractor
npm run srcmap investigate resulting webpack chunck, change for correct filename

Project support angular-cli generation, testing and linting.

Go to ./src/app folder and run for example

ng generate component test

It require to install angular-cli globally:

npm install -g @angular/cli

Authentication

This application use JWT authentication. Call /oauth/token endpoint for authentication. Websocket also has support for JWT validation.

Remove from keys.json with your secret key from control version!!

This application use basic realization of Identity framework without EntityFrameowork or any other real DB. You can change working logic with DB in CustomUserManager and CustomUserStore classes.

Use BCrypt for password hashing in BCryptPasswordHasher class.

Websocket

Websocket has basic realization of invoking server methods from client and client methods from server.