javascript - polymer 中的 Firebase 共享身份验证

Question

我目前正在使用 Firebase 集成在 Polymer 1.7 中构建应用程序。该集成还使用入门工具包中的铁页。

我的问题是了解可用或采用的最佳架构模式以实现最佳使用。

  index.html: <app></app>
    app.html: 
      <firebase-app>
      <firebase-auth>
      <firebase-document> (query)
      <firebase-document> (query)

      <iron-pages>
        <profile uid="[[user]]" data="[[data]]">
        <login uid="[[user]]">
        <contact>
        <latest data="[[data]]">

我内置了页面切换器，它工作正常，但如果我想对页面进行身份验证，每次都传入用户绑定(bind)似乎很复杂。

此外，我想将它分开，以便在组件内运行查询，它获取所需的所有信息。我目前正在构建一个庞大的 app.html，它似乎没有按照 Web 组件原则编写。

有什么建议？

Answer 1

您可以使用 <iron-meta>跨 dom 树和 <iron-meta-query> 共享信息的组件获取此数据。

例如，您可以在父组件中定义 iron-meta

<iron-meta id="data" key="shared" value='{
     "id": "1"
   }'>
</iron-meta>

然后在你的一些 child 中获取数据使用

<iron-meta-query key="shared" value="{{sharedValue}}">

有关使用 <iron-meta> 的更多信息组件参见 Polymer documentation