码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET5使用FaceBook登录

时间:2016-04-29 13:58:24      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:

原版教程

使用VS2015创建Web应用:

技术分享

技术分享

此教程使用的是FaceBook账号登录,需要添加相关的类,打开Nuget:

技术分享

搜索Microsoft.AspNet.Authentication.Facebook并安装:

技术分享

右键点击项目属性,开启SSL:

技术分享

在Startup.cs的Configure方法中添加:

1 app.UseFacebookAuthentication(options =>
2             {
3                 options.AppId = Configuration["Authentication:Facebook:AppId"];
4                 options.AppSecret = Configuration["Authentication:Facebook:AppSecret"];
5             });

 

技术分享

打开appsettings.json编辑FaceBook的AppId和AppSecret,这里的数据库直接用的本地库,这是VS2015自带的,并不需要安装SqlServer:

技术分享

 Authentication:Facebook:AppId,这里的是一个Authentication对象里面包含一个Facebook对象:

"Authentication": {
    "Facebook": {
      "AppId": "xxxxxx",
      "AppSecret": "xxxxxx"
    }
  }

 

接下来注册FaceBook的应用:

打开https://developers.facebook.com/ ,登录你的FaceBook账号,当然这里需要和谐上网

点击添加新应用:

技术分享

选择网站:

技术分享

选择Skip and Create App ID:

技术分享

填写名称、邮箱,选择类别:

技术分享

点击设置:

技术分享

添加开放平台:

技术分享

选择网站:

技术分享

这里需要填写回调地址,这个地址就是上面的https地址:

技术分享

复制AppId和AppSecret到上面的appsettings.json中:

技术分享

打开网站,点击登录,选择FaceBook登录:

技术分享

技术分享

会跳转到授权页面:

技术分享

然后就报错了,是因为ASP.NET5使用EF操作数据库,此时还没有创建数据库,点击Apply Migrations

技术分享

成功后提示刷新页面:

技术分享

跳转到注册页面:

技术分享

注册后自动登录:

技术分享

可以打开SQL Server对象资源管理器查看数据库:

技术分享

会看到插入了两条记录:

技术分享

同理可使用Google账号登录:

技术分享

安装Microsoft.AspNet.Authentication.Google:

添加如下代码:

 app.UseGoogleAuthentication(options =>
            {
                options.ClientId= Configuration["Authentication:Google:ClientId"];
                options.ClientSecret= Configuration["Authentication:Google:ClientSecret"];
            });

 

技术分享

配置中添加:

技术分享

ASP.NET5使用FaceBook登录

标签:

原文地址:http://www.cnblogs.com/uptothesky/p/5445484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!