Wie erstelle ich ein Firebase-Formular?

Question

Ich benutze Firebase für eine Website-Seite. Wie würde ich mit Firebase ein Formular erstellen? Und die Daten werden in einer Datenbank gespeichert? Es scheint keine guten Tutorials zu geben. Ich bin neu in Firebase.

Answer 1

Die Firebase-Datenbank ähnelt eher einem Speicher für Ihre Datenobjekte. Sie müssen lediglich ein JavaScript-Objekt aus den Formularwerten erstellen und es beim Senden an Firebase senden.

Überprüfen Sie diese CodePen. Konzentrieren Sie sich auf den Abschnitt Neue Aktivität. Sie werden sehen, wie Sie Objekte aus Ihren Formularwerten erstellen und an Firebase senden können.

Zum Beispiel haben Sie ein Formular in Ihrem html:

<form id='myForm'> 
    <input id='title' type='text' /> 
    <input id='description' type='text' /> 
    <input type='submit' /> 
</form> 

Und in Ihrem JavaScript-Datei, die Sie dies tun können:

// Target the form elements by their ids 
// And build the form object like this using jQuery: 

var formData = { 
    "title": $('#title').val(), 
    "description": $('#description).val(), 
} 

// Then listen to the form submit event 
$('#myForm').submit(function(evt) { 
    evt.preventDefault(); //Prevent the default form submit action 

    // You have formData here and can do this: 
    firebase.initializeApp(config); //Initialize your firebase here passing your firebase account config object 
    firebase.database().ref('/formDataTree').push(formData); // Adds the new form data to the list under formDataTree node 
}) 

this helps