firebase 如何使用Rest API向Firestore数据库添加新文档Javascript

6ie5vjzr  于 2023-04-13  发布在  Java
关注(0)|答案(1)|浏览(152)

我试图使用REST API和JavaScript在我的firestore数据库中创建一个新文档。
我已经看了文档中的例子,但我没有看到任何在Javascript中使用Rest API的例子。
我已经在Postman中构建了它,它工作正常,但我就是不知道如何将其连接到JavaScript中的按钮单击事件。
有没有人有一个工作的例子,我可以学习,请。

mkshixfv

mkshixfv1#

下面是一个基于Firestore REST API documentation的fetch示例。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />

    <script>
      function saveDoc() {
   
        // We first build the Document object
        // See https://firebase.google.com/docs/firestore/reference/rest/v1/projects.databases.documents#Document

        const firebaseDocObj = {
          fields: {
            name: {
              stringValue: 'Magritte',
            },
            country: {
              stringValue: 'Belgium',
            },
          },
        };

        fetch(
          'https://firestore.googleapis.com/v1/projects/<your-project-id>/databases/(default)/documents/test-collection',
          {
            method: 'POST',
            body: JSON.stringify(firebaseDocObj),
          }
        )
          .then((response) => {
            console.log(response);
            return response.json();
          })
          .then((data) => {
            alert('Doc created');
            console.log('success', data);
          })
          .catch((error) => {
            alert(JSON.stringify(error));
            console.log('failed', error);
          });
      }
    </script>
  </head>

  <body>
    <input
      id="clickMe"
      type="button"
      value="Create a doc"
      onclick="saveDoc();"
    />
  </body>
</html>

相关问题