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

简化模式定义

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

1、用户访问客户端，后者将前者导向认证服务器。
2、用户选择是否给予客户端授权。
3、假设用户给予授权，认证服务器会直接向客户端发送访问令牌（access token）。
4、Client拿着access token去访问Resource资源

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

简化模式的工作流程图：

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

新建项目：ImplicitGrant

AuthorizationServer与ResourceServer还是用之前的项目

新建Index.cshtml

    <form id="form1">
        <div>
            Access Token<br />
            <input id="AccessToken" name="AccessToken" />
            <input id="Authorize" type="button" name="signin.AccessToken" value="向认证服务器申请授权" />
            <br />
            <input id="CallApi" name="submit.CallApi" value="访问受控资源" type="button" />
        </div>
        <div id="output">
        </div>
    </form>　

　　　　 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权限认证系列　

1. asp.net权限认证：Forms认证
2. asp.net权限认证：HTTP基本认证（http basic）
3. asp.net权限认证：Windows认证
4. asp.net权限认证：摘要认证(digest authentication)
5. asp.net权限认证：OWIN实现OAuth 2.0 之客户端模式（Client Credential）
6. asp.net权限认证：OWIN实现OAuth 2.0 之密码模式（Resource Owner Password Credential）
7. asp.net权限认证：OWIN实现OAuth 2.0 之授权码模式（Authorization Code）
8. asp.net权限认证：OWIN实现OAuth 2.0 之简化模式（Implicit）