Autorisation des chemins <app-route> en utilisant <firebase-auth> dans Polymer 1.0

Question

Démarrage de Polymer 1.0. Mon application Single Polymer 1.0 a plusieurs routes.

<paper-drawer-panel id="mainPanel" class="flex" > 
     <app-router id="router" class="flex" mode="pushstate"> 
     <app-route path="/" element="page-landing"></app-route> 
     <app-route path="/user" element="page-user"></app-route> 
     <app-route path="/admin" element="page-admin"></app-route> 
     ....// more <app-routes> 
     </app-router> 
    </paper-drawer-panel> 

Je voudrais utiliser <firebase-auth> avec google en tant que fournisseur à la page d'atterrissage <page-landing>;

sur l'authentification réussie, je voudrais accéder à <app-route> chemins basés sur autorisation

• <page-admin> ne ADMIN peut voir
• <page-user>tout utilisateur connecté peut voir

Dites <page-landing> permet de se connecter en tant qu'administrateur ou utilisateur. Comment implémenter des routes basées sur l'autorisation? Et dans tous <app-routes> j'ai besoin de vérifier l'utilisateur isAutorisé ou non. Pourrait-on citer un exemple de mise en œuvre?

Answer 1

Jetez un oeil à iron-meta pour stocker les états de la page comme isAuthorized.

Pour distinguer entre les pages sécurisées et le public une fois, vous devez prendre soin de vous. Utilisez un observateur de changement pour le chemin de la page ou selecteditem ou similaire. En ce qui concerne l'authentification et l'autorisation, vous avez de la malchance, car toutes les sous-pages sont importées via la balise de lien html et vous ne pouvez pas joindre d'en-tête. Mais en réalité ce n'est pas vraiment un problème. Parce qu'en général vous aimez sécuriser les données de chaque page et non le tout lui-même. Et l'importation html ne charge que le view/page-template et vous devez le remplir avec les données client. C'est ce que vous demandez habituellement avec un appel ajax, que vous pouvez donner à un en-tête auth comme d'habitude.

J'espère que ces descriptions vous aideront à trouver votre chemin ...