AliIybar at 14:44, 11 May 2016

2016-05-11T14:44:00Z

Dt1nh6: 1 revision imported

2016-05-09T13:27:23Z

1 revision imported

Macrop at 11:09, 22 September 2015

2015-09-22T11:09:22Z

New page

[[Category:MVC]]
[[Category:CSharp]]

Install-Package Microsoft.AspNet.Identity.Core
Install-Package Microsoft.AspNet.Identity.EntityFramework
Install-Package Microsoft.AspNet.Identity.Owin
Install-Package Microsoft.Owin.Security.Facebook
Install-Package Microsoft.Owin.Security.Google
Install-Package Microsoft.Owin.Security.MicrosoftAccount
Install-Package Microsoft.Owin.Security.Twitter
Install-Package Microsoft.AspNet.WebApi.Client
Install-Package Microsoft.Owin.Host.SystemWeb

Install-Package Microsoft.Owin.Security.OAuth
Install-Package Microsoft.Owin.Security.Cookies

That should be all the NuGet references you need to install. Now let’s create the files that make up Visual Studio 2013’s MVC 5 Web Application’s Account Login and Registration System.

We will start in the App_Start folder and make our way down.

1) Right click on App_Start folder and Add > Class. Name it: '''FilterConfig.cs'''
place the following code in your file:
<pre class="brush:csharp;">
using System.Web;
using System.Web.Mvc;

namespace MVC5FullApp
{
public class FilterConfig
{
public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
filters.Add(new HandleErrorAttribute());
}
}
}
</pre>
2) Right click on App_Start folder and Add > Class. Name it: '''Startup.Auth.cs'''
Dont forget the dot between Startup & Auth “Startup.Auth.cs”
place the following code in your file:
<pre class="brush:csharp;">
using System.Web;
using System.Web.Mvc;

using Microsoft.AspNet.Identity;
using Microsoft.Owin;
using Microsoft.Owin.Security.Cookies;
using Owin;

namespace MVC5FullApp
{
public partial class Startup
{
// For more information on configuring authentication, please visit http://go.microsoft.com/fwlink/?LinkId=301864
public void ConfigureAuth(IAppBuilder app)
{
// Enable the application to use a cookie to store information for the signed in user
app.UseCookieAuthentication(new CookieAuthenticationOptions
{
AuthenticationType = DefaultAuthenticationTypes.ApplicationCookie,
LoginPath = new PathString("/Account/Login")
});
// Use a cookie to temporarily store information about a user logging in with a third party login provider

app.UseExternalSignInCookie(DefaultAuthenticationTypes.ExternalCookie);

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
// clientId: "",
// clientSecret: "");

//app.UseTwitterAuthentication(
// consumerKey: "",
// consumerSecret: "");

//app.UseFacebookAuthentication(
// appId: "",
// appSecret: "");

//app.UseGoogleAuthentication();
}
}
}

The rest of the code for this project I am going to simply put in a .Zip file and let you install manually, because it is too much code to put on the tutorial. Simply extract the .zip file and copy the files from the Controllers folder to the controllers folder in your project, and so on.

Identity_Tut_Files

So I simply opened up the folder of this Zip File and drag & Dropped them into the solution. I did not have to include the files, Visual Studio made them available upon dropping them in.

Ok we should have all of those files in the project now, go through each one and open them one by one and make sure there are no errors or squiggly lines. If we did our job at providing all of the right references before dropping these files in there should be no errors.

We still need to add one more file, we can do this manually. Right Click on the root directory and add a class. Name it Startup.cs Inside that file put the following code:
<pre class="brush:csharp;">
using Microsoft.Owin;
using Owin;

[assembly: OwinStartupAttribute(typeof(MVC5FullApp.Startup))]
namespace MVC5FullApp
{
public partial class Startup
{
public void Configuration(IAppBuilder app)
{
ConfigureAuth(app);
}
}
}
</pre>
That should allow us to build and run our project.

Now our project is working with Identity, OWIN, the account pages work, but we need a link in our navigation to them.

Let’s go to our _LoginPartial.cshtml and remove the bootstrap code and add our foundation code so that it works in our navigation. Let’s just replace the code from @if (Request.IsAuthenticated) to the bottom of the page with:
<pre class="brush:xml;">
@if (Request.IsAuthenticated)
{
using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm", @class = "right" }))
{
@Html.AntiForgeryToken()

<li class="has-dropdown">
@Html.ActionLink("Hello " + User.Identity.GetUserName() + "!", "Manage", "Account", routeValues: null, htmlAttributes: new { title = "Manage" })

<ul class="dropdown">
<li><a href="javascript:document.getElementById('logoutForm').submit()">Log off</a></li>
</ul>
</li>
}
}
else
{
<li class="has-dropdown">
@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })

<ul class="dropdown">
<li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
<li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
</ul>
</li>
}
</pre>
Now let’s uncomment the line we have in our navigation that loads the LoginPartial. It’s in the _Foundation.cshtml file. Just uncomment it and we are good to go. Build and run your site. YOu should have a login button on your navigation that once logged in will have a dropdown with options. Were done, you will need to format those login and registration pages, but the hard work is done!

@@ Line 21: / Line 21: @@
 ) Right click on App_Start folder and Add > Class. Name it: '''FilterConfig.cs'''
 place the following code in your file:
-<pre class="brush:csharp;">
+<pre class="brush:C#;">
 using System.Web;
 using System.Web.Mvc;

← Older revision	Revision as of 13:27, 9 May 2016
(No difference)

Adding MVC 5 Identity to an Existing Project - Revision history

AliIybar at 14:44, 11 May 2016

Dt1nh6: 1 revision imported

Macrop at 11:09, 22 September 2015