Загрузка пользовательских маршрутов из адресной строки с помощью polymfire

Question

У меня есть приложение polymer starter kit с несколькими подпунктами и различными типами записей, связанных с этими маршрутами. Пример URL может быть //myapp/records/{recordId}/subRoute. Я бы хотел, чтобы состояние приложения сохранялось при перезагрузке. Я пробовал так:

<app-route 
    route="{{route}}" 
    pattern="/records/:recordId" 
    data="{{routeData}}" 
    tail="{{subroute}}" 
></app-route> 
<app-route 
    route="{{subroute}}" 
    pattern="/:page" 
    data="{{subRouteData}}" 
></app-route> 

<firebase-document 
    id="recordsDocument" 
    path="/records/[[routeData.recordId]]" 
    data="{{record}}" 
></firebase-document> 

... 

<script> 
    routePageChanged(page) { // takes subRouteData.page 
    if (!user) { 
     set('page', 'login'), 
    } else if (!routeData.recordId) { 
     set('page', 'start') 
    } else { 
     set('page', page) 
    } 
    } 
</script> 

Но в этих условиях, браузер всегда будет в конечном итоге на странице входа в систему, так как routePageChanged вызывается перед firebase реагирует с пользователем. Как я могу настроить приложение для правильной загрузки маршрутов адресной строки, которые зависят от существования firebase user, когда этот объект не существует до тех пор, пока не ответит firebase?

Answer 1

Вы можете сделать несколько вещей. Поскольку вы ждёте пользователя, вам нужно, чтобы объект пользователя был инициализирован.

В firebase-AUTH, есть объект пользователя:

user: { 
    type: Object, 
    readOnly: true, 
    value: null, 
    notify: true 
}, 

Вы можете прослушивать изменения на этом объекте.

Альтернативный способ справиться с этим, как это:

this.$.auth.signInWithPopup() 
.then(function(response) {// successful authentication response here}) 
.catch(function(error) {// unsuccessful authentication response here}); 

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

Я не могу придумать никаких других вариантов на моей голове.

Другое то, что я должен рекомендовать документацию, конечно: P

https://github.com/firebase/polymerfire/blob/master/firebase-auth.html