ExtJS 4.1或通用Javascript HTTP_授权函数

ExtJS 4.1 or general Javascript HTTP_Authorization Function

本文关键字：HTTP 授权 权函数 Javascript ExtJS      更新时间：2023-09-26

当使用curl --basic --user someuser:somepass http://someurl/发出请求时，它会附加一个标题，如下所示：Authorization: Basic Y2FsaWRvZzpmMDBmM2IwMg==。这当然是

基本访问身份验证是web浏览器或其他客户端程序在发出请求时提供用户名和密码的一种方法。在传输之前，用户名会附加一个冒号并与密码连接。生成的字符串使用Base64算法进行编码，并在HTTP标头中传输，然后由接收器进行解码，生成冒号分隔的用户名和密码字符串。基本访问身份验证最初由RFC 1945于1996年定义[http://en.wikipedia.org/wiki/Basic_access_authentication][1] [1]：http://en.wikipedia.org/wiki/Basic_access_authentication

我正在寻找一种方法，让我所有的ExtJS 4.1 Ext.data.proxy.Rest代理将其添加到所有请求中。这看起来是一项简单的任务，但我找不到任何文档。顺便说一句，我知道如何通过headers: {'X_MyHeader':'somevalue'}属性向代理添加头。我只是不知道如何告诉Ext对当前用户名/密码进行全局操作。

我正在寻找一个类似的解决方案，用于将OAuth令牌应用于我的Ext.data.proxy.Rest代理，但找不到任何相关信息。非常震惊的是，没有任何关于如何做到这一点的信息。让我觉得我做这件事的方式不对。无论如何，以下是我为实现这一目标而想出的办法。

重写Ext.data.proxy.Ajax并保留一个静态变量，使其适用于所有代理。然后将set authHeader与当前的头列表合并，这样您仍然可以自定义每个代理。

Ext.override(Ext.data.proxy.Ajax, {
    statics: {
        authHeader: undefined,
    },
    /**
     * @cfg {Object} headers
     * Any headers to add to the Ajax request. Defaults to undefined.
     */
    doRequest: function(operation, callback, scope) {
        var writer  = this.getWriter(),
            request = this.buildRequest(operation, callback, scope);
        if (operation.allowWrite()) {
            request = writer.write(request);
        }
        console.log(this.headers);
        Ext.apply(request, {
            headers       : Ext.apply(this.headers, Ext.data.proxy.Ajax.authHeader) || Ext.data.proxy.Ajax.authHeader,
            timeout       : this.timeout,
            scope         : this,
            callback      : this.createRequestCallback(request, operation, callback, scope),
            method        : this.getMethod(request),
            disableCaching: false // explicitly set it to false, ServerProxy handles caching
        });
        Ext.Ajax.request(request);
        return request;
    }
});

然后我在本地存储中查找我的令牌，如果它在那里，则全局设置它，否则会提示登录。

MyApp.model.AuthToken.load(1, {
    callback: function(record) {
        // If we don't have anything in local storage for the user, show the login box.
        if (record.get('access_token') == '') {
            var window = Ext.create('MyApp.view.Login');
            window.show();
        } else {
            Ext.data.proxy.Ajax.authHeader = { 'Authorization': 'Bearer ' + record.get('access_token') };
        }
    }
});

应该有一些额外的逻辑来处理令牌到期和刷新请求，但你已经明白了！

相关文章：