oauth2.0 php简化模式,asp.net权限认证：OWIN实现OAuth 2.0 之简化模式（Implicit）

简化模式定义

通过客户端的后台服务器，与“服务提供商”的认证服务器进行认证。(和授权码模式差不多哦)

1、用户访问客户端，后者将前者导向认证服务器。

2、用户选择是否给予客户端授权。

3、假设用户给予授权，认证服务器会直接向客户端发送访问令牌(access token)。

4、Client拿着access token去访问Resource资源

注意：红色字体部分是与授权码模式最根本的区别哦

简化模式的工作流程图：

图 1 (网上搜到的简化模式工作流程图说明)

新建项目：ImplicitGrant

AuthorizationServer与ResourceServer还是用之前的项目

新建Index.cshtml

Access Token

var authorizeUri = 'http://localhost:8270/OAuth/Authorize';

var returnUri = 'http://localhost:3622/Home/SignIn';

var apiUri = 'http://localhost:8001/api/Values';

$('#Authorize').click(function () {

var nonce = 'my-nonce';

var uri = addQueryString(authorizeUri, {

'client_id': '7890ab',

'redirect_uri': returnUri,

'state': nonce,

'scope': 'scope1 scope2',

'response_type': 'token',

});

window.oauth = {};

window.oauth.signin = function (data) {

if (data.state !== nonce) {

return;

}

$('#AccessToken').val(data.access_token);

}

window.open(uri, 'Authorize', 'width=640,height=480');

});

$('#CallApi').click(function () {

$.ajax(apiUri, {

beforeSend: function (xhr) {

xhr.setRequestHeader('Authorization', 'Bearer ' + $('#AccessToken').val());

},

dataType: 'text',

cache: false,

success: function (data) {

console.log(data);

$('#output').text(data);

}

});

});

OK，自此，简化模式测试项目有效代码已经完成了

注意：逻辑是故意写在html页面而没有写在后台cs页面的哦，这是简化模式形成的原因

运行项目试试

开始授权

点击认证按钮，出现认证页面和授权码页面一样

点击授权，直接返回的就是token

点击访问受控资源，发现没有预期那样返回资源数据

这是js跨域的问题，需要在ResourceServer项目加上“microsoft.aspnet.webapi.cors”引用

并在WebApiConfig.cs页面加上

// 跨域配置

config.EnableCors(new EnableCorsAttribute("*", "*", "*"));

在ValuesController中的Get方式上贴上[HttpGet]

public class ValuesController : ApiController

{

[HttpGet]

[Authorize]

public string Get()

{

return "lanxiaoke";

}

}

再次试试，成功返回数据

asp.net权限认证系列

作者：漂亮的猫