聚合物中的 Firebase 共享身份验证答案

【问题标题】：Firebase shared authentication in polymer聚合物中的 Firebase 共享身份验证
【发布时间】：2016-12-02 15:47:16
【问题描述】：

我目前正在使用 firebase 集成在聚合物 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]]">

我已经内置了页面切换器，它工作正常，但如果我想验证页面，每次都传递用户绑定似乎很复杂。

此外，我想将其分离出来，以便在组件内运行查询，它会获取所需的所有信息。我目前正在构建一个庞大的app.html，它似乎没有使用 Web 组件原理编写。

有什么建议？

【问题讨论】：

标签： javascript firebase polymer

【解决方案1】：

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

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

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

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

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

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

【讨论】：