Могу ли я поместить свою контактную форму Firebase в Angular?

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> 

и я инициализировал firebase в файле JS:

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

Использование базы данных Firebase на вашем веб-сайте Angular на удивление легко.

1. Первый шаг - это умение ссылаться на базу данных, чтобы вы могли ее использовать.

Вы уже инициализировали свою базу данных Firebase, так что это хорошо. Я поместил бы этот фрагмент кода в любой компонент машинописного текста, который вы хотите связать с базой данных.

firebase.database() - так мы будем ссылаться на нашу базу данных.

База данных Firebase имеет древовидную структуру с набором узлов, где каждый узел может иметь дочерний узел. На каждый узел можно ссылаться, используя метод ref(), поэтому

firebase.database().ref(node) так мы будем ссылаться на узел.

Например, мы можем сослаться (или создать, если он еще не существует) узел с именем «messages», написав

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