Я следую инструкциям https://www.youtube.com/watch?time_continue=593&v=2Vf1D-rUMwE&feature=emb_title. Это - основа c начала использования firestore для создания веб-сайта. Это мое приложение. js file
var firebase = require("firebase/app");
require("firebase/firestore");
var firebaseConfig = {
apiKey: "AIzaSyAu_w_Z6wgFR1Cs7fI2TBYkvrwrvjR3iCw",
authDomain: "test2-36dcf.firebaseapp.com",
databaseURL: "https://test2-36dcf.firebaseio.com",
projectId: "test2-36dcf",
storageBucket: "test2-36dcf.appspot.com",
messagingSenderId: "510810684807",
appId: "1:510810684807:web:256425d43da403c927a722",
measurementId: "G-01GDWVM2SB"
};
firebase.initializeApp(firebaseConfig);
var firestore = firebase.firestore();
const docRef = firestore.collection("sample").doc("sanwichData");
const outputHeader = document.querySelector("#hotDogOutput");
const inputTextField = document.querySelector("#lastestHotDogStatus");
const saveButton = document.querySelector("#saveButton");
const loadButton = document.querySelector("#loadButton");
saveButton.addEventListener("click", function() {
const textToSave = inputTextField.value;
console.log("I am going to save" + textToSave + " to Firestore");
docRef.set({
hotDogStatus: textToSave
}).then(function(){
console.log("Status saved");
}).catch(function(error){
console.log("Got an error: ", error);
});
});
loadButton.addEventListener("click", function() {
docRef.get().then(function (doc) {
if (doc && doc.exists) {
const myData = doc.data();
outputHeader.innerText = myData.hotDogStatus;
}
}).catch(function (error) {
console.log("Got an error: ", error);
});
});
А вот мое html file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://www.gstatic.com/firebasejs/7.14.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.0/firebase-analytics.js"></script>
</head>
<body>
<h1 id = "hotDogOutput">Hot dog status</h1>
<input type = "textfield" id = "lastestHotDofStatus" />
<button id = "saveButton">Save</button>
<button id = "loadButton">Load</button>
<script src = "app.js"></script>
</body>
После того, как я попробовал этот код, на моей html странице ничего не отображается T_T Пожалуйста, помогите, спасибо заранее.