使用聚合物1.0中<firebase-auth>授权<app路由>路径

Question

刚开始使用聚合物1.0。我的单页聚合物1.0应用程序有多个路由。

    <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>

我想使用<firebase-auth>与谷歌作为提供商登陆页面<page-landing>；

在成功的身份验证中，我想导航到基于授权的<app-route> paths

• <page-admin>只有管理可以看到
• <page-user> 任何登录的用户都可以看到

假设<page-landing>提供了以管理员或用户身份登录的选项。

如何实现基于授权的路由？在所有的<app-routes>中，我需要检查用户isAuthorized是否。有谁能指出实现这一点的一个例子吗？

Answer 1

看看铁元来存储像isAuthorized这样的pagewide状态。

为了一次区分安全页面和公共页面，您必须注意自己。使用页面路径或选择项或类似项的更改观察者。

关于身份验证和授权，您运气不好，因为所有的子页面都是通过html链接标签导入的，您不能附加任何标题。但事实上，这并不是一个问题。因为一般来说，您喜欢保护每个页面的数据，而不是整个页面本身。而且html导入只加载视图/页面模板，您仍然必须用客户端数据填充它。这通常是通过ajax调用来请求的，您可以正常地给出一个auth头。

希望这些描述能帮你找到路..。