【问题标题】:Firebase JSON outputFirebase JSON 输出
【发布时间】:2019-01-04 16:35:45
【问题描述】:

是否可以使用来自 Vuejs 的 axios get 请求对 firebase 后端进行 JSON 调用并返回与特定博客条目关联的所有 cmets 的列表?

我基本上想说列出所有 blogID = 23 的 cmets

在我的 cmets 表中,我可以添加字段 blogID,但不知道如何通过与名为 blogID 的记录中的字段相关的 get 请求传递 Param。

谁能告诉我这是否可以做到,分享一个例子或指点我一个教程或类似的东西

谢谢

【问题讨论】:

    标签: firebase vuejs2 axios


    【解决方案1】:

    假设:您使用的是实时数据库而不是 Firestore。

    是的,您可以使用实时数据库 REST API 来执行此操作,请查看文档:

    https://firebase.google.com/docs/database/rest/start?authuser=0

    https://firebase.google.com/docs/database/rest/retrieve-data?authuser=0

    以下是如何获取comments 数据的示例。在这里,Axios 在 HTML 页面中执行,但您将在 Vue 组件的 Vue.js 方法中使用完全相同的代码。

    HTML 页面:

    <html>
    
    <head>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    </head>
    
    <body>
    
    <script>
    
       axios.get('https://projectname.firebaseio.com/blogItems/23/comments.json')
      .then(function (response) {
    
        console.log(response);
      })
      .catch(function (error) {
        // handle error
        console.log(error);
      })
    
    </script>
    
    <body>
    </html>
    

    实时数据库导出:

    {
      "blogItems": {
        "23": {
          "author": "John",
          "comments": [
            {
              "content": "Very good"
            },
            {
              "content": "Excellent post"
            }
          ],
          "content": "lorem ipsus ...."
        }
      }
    }
    

    但是,使用实时数据库 REST API 可能不是从 Vue.js 基于 Web 的应用程序查询实时数据库的最有效方式。最好使用标准的 JavaScript SDK。您需要通过 Axios 获取数据而不使用 JavaScript SDK 是否有任何具体原因?

    【讨论】:

    • 嗨,非常感谢,我这样做只是为了了解 axios 和 JSON,所以我知道如何创建一个单独的前端和后端,如果我愿意,我可以轻松地将 firebase 换成其他东西,我只是看不到如何做到这一点,但我会读...谢谢
    • 好的,现在我理解得更好了 :-) 我已经用 Axios 的示例更新了我的答案。如果你觉得我的回答对你有帮助,可以点赞,谢谢!
    • 我是否可以将数据发布到单独的表中,其中博客项目为一个,cmet 为单独的表,博客项目 ID 作为我要过滤的字段? (对不起dB语言)。这看起来就像它会全部进入一个有效的表。我以为我会发布到博客,然后单独发布链接到博客的 cmets ......这是不正确的吗?
    • 您的评论中的问题没有绝对的答案。在 NoSQL Firebase 实时数据库中建模您的数据有多种可能性。查看那些不同的帖子/文章,了解 NoSQL 数据建模“哲学”和技术。 firebase.googleblog.com/2013/04/…highlyscalable.wordpress.com/2012/03/01/…firebase.google.com/docs/database/web/structure-datastackoverflow.com/questions/16239819/…
    猜你喜欢
    • 2018-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-11
    • 1970-01-01
    • 1970-01-01
    • 2017-10-09
    • 2013-09-06
    相关资源
    最近更新 更多