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

【问题标题】：Can I put my Firebase contact form in Angular?我可以将我的 Firebase 联系表放在 Angular 中吗？
【发布时间】：2019-02-03 00:56:33
【问题描述】：

我有这个联系表：

    <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 中使用我的联系表吗？如果是，我该怎么做？

【问题讨论】：

你为什么不能呢？如果你尝试会发生什么？
欢迎使用 Stack Overflow。小心复制/粘贴您刚才所做的敏感数据（API 密钥等）。在将其发布到公共网站之前，您应该尽可能地对其进行匿名处理。
@YoukouleleY 这没什么大不了的。检查这个stackoverflow.com/a/37484053/2530536

标签： javascript angular firebase

【解决方案1】：

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

1.第一步是了解如何引用数据库以便使用它。

您已经初始化了 Firebase 数据库，这很好。我会将此代码 sn-p 放在您想与数据库通信的任何打字稿组件中。

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

【讨论】：