Блог

Главная - Вопросы по программированию - Веб — разработчик- настройка firebase firestore вопрос

Веб — разработчик- настройка firebase firestore вопрос

# #javascript #node.js #firebase #google-cloud-firestore #web-development-server

Вопрос:

я здесь задал несколько вопросов прежде, и я всегда получал помощь, так что я снова здесь, я как бы новичок в HTML и CSS,JS и я только что написал некоторый HTML — и CSS-и JS-код на одной странице, и мне нужно добавить некоторые данные, которые я могу управлять (базы данных) я искал в интернете и нашел firestore и хорошее решение для меня (если у повторно на другие способы использования видео-сведения о УР сайте я буду рад услышать) в любом случае я открыл базу данных firestore и все в огневую базу, сайт пошел мой проект следовать этой инструкции: https://firebase.google.com/docs/firestore/quickstart#web-version-9 и https://firebase.google.com/docs/web/setup и несколько видео в Интернете я перепробовал все методы в этих сайтах и на YouTube и до сих пор я не могу сделать эту работу я даже пытался загрузить мой сайт на XAMPP (возможно, не относящиеся к моей проблеме, но я не могу придумать ни одного более решений) пожалуйста, помогите мне понять это, и постарайтесь подробно объяснить, как много как вы можете, поэтому оно будет очень понятно для меня.

вот что я сделал сейчас: 1.my проект находится в папке htdoc внутри XAMPP 2.я запускаю модуль Apache в XAMPP в порту 8080 3.я использую localhost:8080/Website/Main.html в Google chrome для доступа к веб-сайту 4.используется npm для установки firebase в консоли кода visual studio. Вот мои файлы: Index.html

 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Calander </title>
    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase-storage.js"></script>
    <link rel="stylesheet" href="Calander.css">
</head>

<body">

    <div class="calander">

    </div>
    <script type="module" src="firebase.js"></script> 
    <script src="Calander.js"></script>
</body>

</html>

firebase.js

 import { initializeApp } from ".//node_modules/@firebase/app";
import { getFirestore } from ".//node_modules/@firebase/firestore";


const firebaseApp = initializeApp({
    apiKey: "******************",
    authDomain: "******************",
    projectId: "******************",
    storageBucket: "******************",
    messagingSenderId: "******************",
    appId: "******************",
    measurementId: "******************"
});

  const db = getFirestore();
  
  import { collection, addDoc } from ".//node_modules/@firebase/firestore"; 

  try {
    const docRef = await addDoc(collection(db, "users"), {
      first: "Ada",
      last: "Lovelace",
      born: 1815
    });
    console.log("Document written with ID: ", docRef.id);
  } catch (e) {
    console.error("Error adding document: ", e);
  }

Комментарии:

1. Никто на самом деле не знает, как это сделать? мольбы о помощи … я сильно застрял, даже поддержка firebase не ответила мне..

2. Вы столкнулись с какой-либо ошибкой? Если да, можете ли вы указать точную ошибку?

Метки: