Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/robisim74/angularspawebapi
Angular Single Page Application with an ASP.NET Core Web API that uses token authentication
https://github.com/robisim74/angularspawebapi
angular aspnetcore authentication identityserver typescript visual-studio webapi
Last synced: 3 days ago
JSON representation
Angular Single Page Application with an ASP.NET Core Web API that uses token authentication
- Host: GitHub
- URL: https://github.com/robisim74/angularspawebapi
- Owner: robisim74
- License: mit
- Created: 2016-10-19T19:01:59.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-02-29T21:10:48.000Z (11 months ago)
- Last Synced: 2025-01-22T12:09:16.852Z (11 days ago)
- Topics: angular, aspnetcore, authentication, identityserver, typescript, visual-studio, webapi
- Language: C#
- Homepage:
- Size: 5.64 MB
- Stars: 231
- Watchers: 37
- Forks: 59
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular SPA Web API
> **Angular v7** Single Page Application with an ASP.NET Core WebAPI that uses token authentication.
> The OAuth 2.0 [Resource Owner Password Credentials grant](https://tools.ietf.org/html/rfc6749#section-4.3) (ROPC) is implemented using IdentityServer4
> and ASP.NET Core Identity as membership system with a SQLite database.
Get the [Changelog](https://github.com/robisim74/AngularSPAWebAPI/blob/master/CHANGELOG.md).
[Explanation](https://github.com/robisim74/AngularSPAWebAPI/blob/master/EXPLANATION.md).
> ROPC grant requires the use of SSL.
> For more complex scenarios, where web services are required by more than one application or third-party applications,
you should use an OpenID Connect implicit flow.
## Features
- Angular v7 & ASP.NET Core 2.1
- Angular CLI
- AoT compilation in development & production mode
- Angular CLI, .NET Core CLI or Visual Studio 2017
- Angular Material
- IdentityServer4 & ASP.NET Core Identity
- Resource Owner Password Credentials grant
- Refresh token
- Role based Authorization
- Development, Staging & Production environments
## Project structure
The structure of the project is based on [Angular CLI ASP.NET Core](https://github.com/robisim74/AngularCliAspNetCore).
**AngularSPAWebAPI**
- **ClientApp** _Angular application_
- **Controllers**
- **IdentityController.cs** _Identity APIs_
- **ValuesController.cs** _Resources APIs_
- **Data** _Entity Framework_ migrations
- **Models**
- **ApplicationUser.cs** _Profile data for application users_
- **Properties**
- **lanchSettings.json** _ASP.NET Core environments_
- **Services**
- **DbInitializer.cs** _Provides method to populate the db_
- **wwwroot** _Root for Angular application deployment_
- **Config.cs** _IdentityServer4 configuration_
- **IdentityDB.sqlite** _SQLite database_
- **Startup.cs** _WebAPI configuration_
## Installing
- Requirements
- At least [.NET Core 2.1](https://www.microsoft.com/net/download/core)
- [Node.js and npm](https://nodejs.org)
- At least [Angular CLI 7.0.0](https://github.com/angular/angular-cli)
#### Command line & .NET Core CLI
- In _ClientApp_ folder run: `npm install`
- `dotnet build`
#### Visual Studio 2017
- In _ClientApp_ folder run: `npm install`
- Build the solution
## Running
The app will be served on `https://localhost:5001`
### Command line & .NET Core CLI
#### Development
- `dotnet watch run`
#### Staging
- In _ClientApp_ folder run: `npm run build:staging`
- `dotnet run --launch-profile Staging`
### Visual Studio 2017
#### Development
- Select _AngularSPAWebAPI_ profile
- Start debugging
#### Staging
- In _ClientApp_ folder run: `npm run build:staging`
- Select _Staging_ profile
- Start debugging
## Deployment
- In _ClientApp_ folder run: `npm run build:prod`
- Publish
## Changing db
To use another database, for example _SQLServer_:
- Edit in _Startup.cs_:
```C#
services.AddDbContext(options =>
options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
```
- Edit `ConnectionStrings` in _appsettings.json_:
```Json
"ConnectionStrings": {
"DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=IdentityDB;Trusted_Connection=True;MultipleActiveResultSets=true"
}
```
## License
MIT