Question

我有此联系表：

    <form id="contactForm">

    <div class="alert" style="display:none;">Votre message a bien été envoyé!</div>

    <label for="name">Votre nom</label>
    <input type="text" name="name" id="name">

    <label for="email">Votre adresse mail</label>
    <input type="email" name="email" id="email">

    <label for="message">Votre message</label>
    <textarea id="message" name="message"></textarea>

    <button type="submit">Envoyer</button>
</form>

并且我已经在JS文件中初始化了Firebase：

config = {
  apiKey: "AIzaSyBjG8pVZ9xg7v_TNDXNbIg7FC51RaMpdJM",
  authDomain: "contactform-2a547.firebaseapp.com",
  databaseURL: "https://contactform-2a547.firebaseio.com",
  projectId: "contactform-2a547",
  storageBucket: "contactform-2a547.appspot.com",
  messagingSenderId: "893979452513"
};
firebase.initializeApp(config);

我可以在Angular中使用我的联系方式吗？如果是，我该怎么做？

Answer 1

在您的Angular网站中使用Firebase数据库非常容易。

1。第一步是知道如何引用数据库，以便您可以使用它。

您已经初始化了Firebase数据库，所以很好。我会将这段代码片段放在要与数据库通信的任何打字稿组件中。

firebase.database()是我们引用数据库的方式。

Firebase数据库具有带有一组节点的树结构，其中每个节点可以具有一个子节点。可以使用ref()方法来引用每个节点，因此

firebase.database().ref(node)是我们引用节点的方式。

例如，我们可以通过编写来引用（或创建，如果尚不存在）

var ref = database.ref("messages");

，变量ref将引用它。

2。每次我们想向节点添加新信息时，都可以使用push()方法。

例如，如果我们想将字符串推入"messages"节点，则可以编写：

ref.push("hello world");

这将在"messages"下使用字符串"hello world"创建一个新的子节点。

您还可以使用它来推送具有多个变量的对象，而不仅仅是一个字符串，以在单个节点中获取所需的所有信息。

您的database.rules.json文件列出了能够读取或写入数据库的人。您可以在文件中手动更改此设置，也可以在Firebase控制台视图中转到“数据库”>“规则”。

在此处了解有关数据库规则的更多信息：https://firebase.google.com/docs/database/security/

如果仍不清楚，该视频是Firebase数据库的强大介绍：https://www.youtube.com/watch?v=7lEU1UEw3YI

我可以将我的Firebase联系表单放在Angular中吗？

1 个答案: