Блог

Главная - Вопросы по программированию - Как Добавить Новый Документ В Базу Данных Firestore С Помощью Rest API Javascript

Как Добавить Новый Документ В Базу Данных Firestore С Помощью Rest API Javascript

# #firebase #google-cloud-firestore

Вопрос:

Я пытаюсь создать новый документ в своей базе данных firestore с помощью API REST с javascript.

Я просмотрел документацию для примеров, но не вижу их, когда речь заходит об использовании Rest Api в Javascript.

Я сконструировал его в Postman, и он работает нормально, но я просто не могу понять, как подключить его к событию нажатия кнопки в javascript.

У кого-нибудь есть рабочий пример, у которого я мог бы поучиться, пожалуйста.

Ответ №1:

Вот пример с выборкой, основанный на документации Firestore REST API.

 <!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>
Метки: