4

每次发送 http 请求时，我想将身份验证令牌添加到 http 请求标头，如果授权失败，我想将用户重定向到登录。我应该装饰 Http Driver 还是有更好的方法呢？

我提供了一个装饰 http 驱动程序的解决方案。但我不确定这是正确的做法。这是到目前为止我写的代码：

import Rx from 'rx';
import {makeHTTPDriver} from '@cycle/http';

function makeSecureHTTPDriver({eager = false} = {eager: false}) {

    return function secureHTTPDriver(request$) {
        const httpDriver = makeHTTPDriver(eager);

        const securedRequest$ = request$
            .map(request => {
                const token = localStorage.getItem('token');

                if (token) {
                    request.headers = request.headers || {};
                    request.headers['X-AUTH-TOKEN'] = token;
                }

                return request;
            });

        const response$ = httpDriver(securedRequest$);
        //todo: check response and if it fails, redirect to the login page

        return response$;
    }
}

export default makeSecureHTTPDriver;

这是我如何使用 makeSecureHttpDriver 的代码

const drivers = {
        DOM: makeDOMDriver('#app'),
        HTTP: makeSecureHttpDriver()
    };

4

2 回答 2

2

这有点晚了，我不经常这样做。我建议使用其他驱动程序来避免在您的驱动程序中放置任何逻辑。

import storageDriver from '@cycle/storage'
import {makeHTTPDriver} from '@cycle/http'

function main(sources) {
 const {storage, HTTP} = sources
 const token$ = storage.local.getItem('token')
  .startWith(null)

 const request$ = createRequest$(sources)

 const secureRequest$ = request$.withLatestFrom(token$, 
   (request, token) => token ? 
     Object.assign(request, {headers: {'X-AUTH-HEADER' : token }) : 
     request
 )
 return {HTTP: secureRequest$, ...}
}

Cycle.run(main, {
 ...
 storage: storageDriver,
 HTTP: makeHTTPDriver()
})
于 2016-03-28T23:19:55.967 回答
1

我不确定这是否会有所帮助，但 HTTP 驱动程序是底层的超级代理，因此您可以将对象传递给它，就像这里的所需信息一样。

但是关于您的问题，我认为HTTP driver可能需要将此选项添加到它自己的驱动程序中，以便您可以决定驱动程序是否应该是安全的，例如：

const drivers = {
    DOM: makeDOMDriver('#app'),
    HTTP: makeSecureHttpDriver({secure:true})
};

因为您的实现对我来说看起来不错，所以在驱动程序本身中使用它可能是值得的。我会在 HTTP 驱动程序存储库中创建一个问题，看看社区的想法，你也可以要求人们通过gitter 频道进行交互:-)

于 2016-02-20T13:01:28.023 回答