Отвечая глобально на 401 in Polymer

Question

Используя Polymer 1.0, я ищу наилучший подход к отображению логина для пользователя, когда приложение получает 401 из сервисов приложений.

Использование углового Я бы посмотрел на использование httpInterceptor, чтобы сделать это, есть ли эквивалент в Polymer?

Вот подход, который явно перенаправляет ошибки от элемента обслуживания (с использованием железо-АЯКС)

<template is="dom-bind" id="app"> 
    <values-service values="{{items}}" on-error="onError"></values-service> 

    <h1>Items <span>{{items}}</span></h1> 

    <template is="dom-repeat" items="{{items}}"> 
     <p>{{item}}</p> 
    </template> 
</template> 

<script src="app.js"></script> 

и мое приложение сценария

(function (document) { 
    'use strict'; 

    var app = document.querySelector('#app'); 

    app.onError = function (e) { 

     console.log('app.onError ' + e.detail.request.status); 
    }; 

    app.addEventListener('error', app.onError); 

})(document); 

это работает, но как логин является то, что я хочу чтобы произойти без необходимости подключения элементов конкретно

Answer 1

Ответ поймать ошибку на наружном элементе, как пузырь событий вверх через йот

<div on-error="onError"> 
    <values-service values="{{items}}"></values-service> 
    <other-service></other-service> 
    ... 

</div> 

и некоторые сценарии (как указано выше)

app.onError = function (e) { 

    console.log('app.onError ' + e.detail.request.status); 
}; 

, когда какой-либо из содержащихся услуг, или любые содержащиеся в нем элементы, содержащие службы, запускают ошибку, обработчик запускает - я выполняю соответствующие проверки для запроса и 401 и показываю свой диалог входа в систему

Answer 2

Чтобы решить эту проблему, я создал компонент, который использовался для всех моих запросов Ajax. В этом компоненте выслушали 401s из вызовов службы и вызвали this.fire ('401-found'), когда нашли.

Тогда в других моих компонентах я слушал такое событие - в моем случае, в основном документе, появилось диалоговое окно с просьбой снова войти в систему.

Немного лучший подход заключается в том, чтобы компонент Ajax принимал параметры, чтобы сказать «да, огонь 401 событие», и «не давайте ему стандартное событие 401, имя назовите это», то в каждом компоненте, который вы могли бы прослушать для таких событий и соответственно реагировать.

Answer 3

Недавно я сделал PR до iron-ajax (который был объединен несколько дней назад), который добавляет необязательный атрибут bubbles, чтобы выполнить именно это. Когда присутствует атрибут bubbles, утюг-ajax's request, response и error события пузырька до window. Это означает, что вы можете иметь глобальные прослушиватели событий на window и обрабатывать 401 s, но вы хотите, чтобы без дублирования кода добавлялось bubbles к вашим вызовам iron-ajax.

Более того, поскольку это часть железного аякса, он официально поддерживается командой Polymer.

Адрес the official docs.