🔥 Firebase?
- Firebase — это платформа для разработки мобильных и веб-приложений, разработанная Firebase (Google LLC). Вы можете создавать приложения и связывать их с Firebase for Storage. Слишком много стандартного кода для загрузки одного файла, и это будет намного сложнее, если мы планируем загружать несколько файлов, что мне нужно сделать для моего проекта.
🚀 Учебник
- Войдите в https://firebase.google.com/
- Нажмите Перейти к консоли и создайте новый проект.
- Нажмите Хранилище на боковой панели слева.
- Перейдите в раздел Правила.
- Вы должны иметь возможность просматривать правила, как показано на изображении ниже. Правила предоставляют пользователям и приложениям права доступа к хранилищу.
- Измените правила, как показано на изображении ниже, и нажмите Опубликовать. Это должно выглядеть примерно так.
- Теперь перейдите на страницу консоли проекта, щелкнув логотип firebase в правом верхнем углу.
- Теперь нажмите на значок ‹/› и скопируйте весь код JavaScript.
- Теперь откройте свой любимый текстовый редактор и вставьте следующий код между тегом ‹body›‹/body›.
‹тип ввода=”файл” id=”fileButton”/›
‹script src=”https://www.gstatic.com/firebasejs/5.4.0/firebase.js›‹/script›
‹script›
// Инициализировать Firebase
var config = {
apiKey: «»,
authDomain: «»,
databaseURL: «,
projectId: "",
storageBucket: "",
messageSenderId: ""
};
firebase.initializeApp(config);
‹/script›
‹script›
var fileButton = document.getElementById(fileButton);
fileButton.addEventListener('change', function(e){
var file = e.target.files[0];
var storageRef = firebase.storage().ref(file.name);
storageRef.put(file);
});
‹/скрипт›
Убедитесь, что вы правильно вставили код правил хранения.
- Теперь, когда все сделано, запустите код HTML и загрузите файлы, и вы увидите, как они загружаются в хранилище Firebase.
- С помощью firebase вы можете сделать гораздо больше. Я постараюсь написать туториалы для каждой такой функции. Спасибо за прочтение, не забудьте поделиться постом и поаплодировать ему. ❤️❤️
