Run Single Page Applications (SPA) Template using AngularJS, Web API, Owin Token Based Authentication and Mediator Design Pattern

By | 18 Ocak 2016
This post describes step by step how to run a Single Page Application template using ASP.NET Web API 2 and angularJS and how to use Web Application Project whose name is Dalyan.

 

Introduction

Dalyan is a single page application project template using AngularJS, ASP.NET & Web API technologies. It is the base of a web application project. It has CRUD operation example with AngularJS. Additionally, WebAPI controllers and CRUD operations are created by T4 templates. You can download it from github source codes. This post describes step by step how to run this project.

 

github

https://github.com/aydnahmet/Dalyan/

asp

What Are We Going to Build

ss1

ss2

 

Framework – Tools – Libraries

  • Single Page Application
  • AngularJS
  • ASP.NET MVC 5
  • ASP.NET Web API 2
  • Entity Framework 6
  • Mediator Design Pattern
  • Owin Token Based Authentication
  • Bootstrap 3
  • Simple Injector Dependency Injection (DI)
  • 3rd part libraries
  • T4 Templates
  • Microsoft Sql Server Express

Project Architecture

arc

Configure Application

Open the Dalyan solution (Dalyan.sln) which is located in root directory and build the solution.

Publish Database Project

Database project has base tables and some data to test project.

cp1

Open database project and click publish button.

cp2

Set your database connection string and create your database.

cp3

Set Connection Strings

Change Db project and Web API config files.

Dalyan.WebApi\Web.Config and Dalyan.Db\App.Config

    .\SQLEXPRESS;
    initial catalog=Dalyan.Github;integrated security=True;
    MultipleActiveResultSets=True;App=EntityFramework"" 
    providerName="System.Data.EntityClient" />

Ready to Run

It is ready to run. You can open the project in this link.

Also web API link:

Default authentication:

cp5

Points of Interest

You can develop your project on Dalyan Web Application Template.

Bir Cevap Yazın