Creating a Solid Web App Architecture Using Angular 2+, ASP.NET ...

3 downloads 157 Views 356KB Size Report
Whoops! There was a problem loading more pages. Creating ... b API.pdf. Creating ... b API.pdf. Open. Extract. Open with
Creating a Solid Web Application Architecture Using Angular 2+, ASP.NET Core, and Web API Richard Taylor Tech Lead/Sr. Developer Logical Advantage http://www.logicaladvantage.com Twitter: @rightincode Blog: http://www.rightincode.com

Who am I? Web/Mobile Application Development Huntersville, NC Co-Organizer of Modern Devs Charlotte Organizer of Charlotte Xamarin Developers @rightincode / http://www.rightincode.com Richard Taylor - @rightincode

@LogicalAdv http://www.logicaladvantage.com Technical Lead/Sr. Software Developer Charlotte, NC

Basic Rules of Architecting Software Systems 1. 2. 3. 4. 5.

Scalability Extensibility Separation of Concerns/Responsibilities Security Availability

Richard Taylor - @rightincode

Applying the Basic Rules Business Logic Layer

Data Access Layer

Business Components

Business Workflows

Load Balancer

External Web Services

Load Balancer

Business Entities

Entity 1

Entity 3

CRUD

CRUD

Entity 2

Entity x

CRUD

CRUD

Security - Exception Handling - Logging - Validation

Richard Taylor - @rightincode

Data Layer

Load Balancer

Presentation Layer

Clustering/ Replication

DEMO

Richard Taylor - @rightincode

Speaker Register Application Architecture ASP.NET Core Web Application - Identity Server 4

Data Store - SQL Server

Angular - SPA

ASP.NET Core MVC Web API

Richard Taylor - @rightincode

Future Development

Speaker Register Angular SPA Architecture App.Module App.Routing App.Component PageNotFound.Component

Conference.Module

Speaker.Module Speaker.Routing SpeakerHome.Component

TokenService HttpHelperService

Conference.Routing Conference.Component

SpeakerList.Component

ConferenceList.Component

SpeakerDetail.Component

ConferenceDetail.Component

SpeakerService

ConferenceService

Richard Taylor - @rightincode

Resources ● ● ● ● ● ● ● ●

Source Code: https://github.com/rightincode/speakerregister Official Site: https://angular.io/ Typescript: https://www.typescriptlang.org/ ASP.NET Core: https://www.asp.net/core Build a Web API with ASP.NET Core MVC: https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-web-api IdentityServer 4 - http://docs.identityserver.io/en/dev/index.html Dapper: https://github.com/StackExchange/dapper-dot-net Plurasight: http://www.pluralsight.com ○ John Papa - Angular 2: First Look ○ Deborah Kurata - Angular 2: Getting Started ○ Joe Eames - Angular 2: Preparing for and Migrating Applications to Angular 2

Richard Taylor - @rightincode

Questions???

Richard Taylor - @rightincode