firebase 如何在Firestore数据库中手动添加文档到集合中？

djmepvbi 于 2023-08-07 发布在其他

关注(0)|答案(2)|浏览(137)

我有一个非常简单的数据库Firestore（地理名称，lat和Lon）。数据库是非常静态的，我只需要添加或删除一个记录（文档）一次。如何将记录手动添加到集合中，并使用与其他文档相同的字段？当我按下“添加文档”时，控制台会要求我输入每个字段（见截图）。

的数据

firebase

来源：https://stackoverflow.com/questions/56131113/how-to-manually-add-a-document-to-a-collection-in-firestore-database

2条答案

按热度按时间

1szpjjfi1#

下面的HTML页面将允许您写入spots Firestore集合。
当然，您需要调整字段以及Firebase配置。
如果您想进行身份验证，只需添加两个额外字段，例如：用户名和密码，并使用signInWithEmailAndPassword()方法。（如果你愿意，我可以修改页面）。
例如，您可以在Firebase托管中托管此页面，利用SSL证书。或者您可以简单地将其保存在计算机上，然后使用浏览器打开（在这种情况下不是HTTPS，但这是一种很好的测试方法）。

<!DOCTYPE html>
<html>
  <head>
    <title>Firebase Form</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
    <script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>

    <!-- Add Firebase products that you want to use -->
    <script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-auth.js"></script>
  </head>

  <body>
    <div>
      <p>Name:</p>

      <input type="text" placeholder="Name" id="name" />

      <p>City:</p>

      <input type="text" placeholder="City" id="city" />

      <br /><br />
      <input type="submit" value="submit" class="submit" id="submit" />
    </div>

    <script>
      $(document).ready(function() {
        // Initialize Firebase
        var config = {
          apiKey: 'xxxxxxxxxxxxx',
          authDomain: 'xxxxxxxxxxxxx',
          databaseURL: 'xxxxxxxxxxxxx',
          projectId: 'xxxxxxxxxxxxx'
        };

        firebase.initializeApp(config);

        var database = firebase.firestore();

        $('#submit').on('click', function() {
          var nameValue = $('#name').val();
          var cityValue = $('#city').val();

          var dataObject = {
            name: nameValue,
            city: cityValue
          };

          database.collection('spots').add(dataObject);
        });
      });
    </script>
  </body>
</html>

字符串

赞(0）回复(0）举报 2023-08-07

t30tvxxf2#

你不能，你必须编写或使用一个工具来做到这一点。

赞(0）回复(0）举报 2023-08-07