tinyger.blogg.se

If you aren’t authenticated, it shows a login form. This HTML file creates a simple web page that displays the readings saved on the Realtime Database created on this previous project. index.htmlĬopy the following to your index.html file. Now that you’ve created a Firebase project app successfully on VS Code, follow the next steps to customize the app to display the sensor readings on a login-protected web page. That’s what we’re going to do in the next section. By changing the content of that file, you can create your own web app. The web page you’ve seen previously is built with the HTML file placed in the public folder of your Firebase project.

Here’s a list of the software you need to install (click on the links for instructions): Install Required Softwareīefore getting started you need to install the required software to create the Firebase Web App. The realtime database and authentication must be set up also as shown in the tutorial. The ESP32/ESP8266 must be running the code provided in that tutorial. ESP32/ESP8266 Firebase: Send BME280 Sensor Readings to the Realtime Database.You should have followed the following tutorial first: The next time you’ll acces the app you’ll need to login again.īefore start creating the Firebase Web App, you need to check the following prerequisites. Once you’re logged in, you can logout any time.The realtime database was set up on Part 1. After authentication, you can access a web app page that shows the sensor readings saved on the realtime database.You already set up that user and the authentication method in Part 1.