Ako nahrávať súbory do úložiska Firebase pomocou JavaScriptu?
Táto príručka vám pomôže nastaviť účet a potom používať API na odosielanie súborov do úložiska Firebase.
Firebase je platforma na vývoj webových a mobilných aplikácií, ktorá bola vyvinutá v roku 2011 a neskôr ju získala spoločnosť Google. Firebase poskytuje vývojárom široký sortiment služieb a nástrojov - niektoré z nich zadarmo. Ponúka úložné a databázové zariadenie, ktoré znižuje závislosť na strane servera a eliminuje problém so spracovaním súborov na úplné minimum. Táto príručka vám pomôže nastaviť účet a potom používať API na odosielanie súborov do úložiska Firebase.
Časť 1 z 2: Nastavenie služby Google Firebase
- 1Založte si účet na firebase. Ak ste si ešte nevytvorili účet Firebase, vytvorte si ho. Prejdite na konzolu a pridajte nový projekt. Vyplňte dobré meno a vytvorte projekt.
- 2Pridajte firebase do svojej webovej aplikácie. Prípadne môžete Firebase pridať do aplikácie pre Android/ aplikácie pre iOS. Ak na zostavenie aplikácie používate framework javaScript, kroky by mali byť dosť podobné. Skopírujte konfiguračné údaje do svojho kódu HTML a potom môžete použiť AJAX na vloženie údajov do úložiska Firebase.
- 3Vyberte možnosti úložiska. Firebase vám umožňuje definovať pravidlá, ako chcete ukladať súbory, a nastaviť na ne riadenie prístupu. Súbory sa ukladajú v službe Google Cloud Storage.
- Prípadne môžete uložiť odkazy na súbory v platforme Firebase a potom použiť inú infraštruktúru cloudového úložiska na skutočné ukladanie súborov. Firebase môžete napríklad integrovať s Amazon S3 na ukladanie súborov alebo Cloudinary na ukladanie obrázkov JavaScript.
To je možné zaistiť v úlohe nahrávania pomocou metódy.catch (), ako je uvedené nižšie: task.
Časť 2 z 2: Vytvorenie klientskeho rozhrania na odosielanie súborov
- 1Nastavte prostredie. Väčšina hlavných frontendových knižníc JavaScript, ako sú React, Angular a Vue, má obľúbené knižnice, ktoré ich integrujú s Firebase. Ak má vaša frontendová knižnica modul Firebase, ako napríklad AngularFire for Angular, mali by ste zvážiť jeho použitie. V tomto článku napíšeme skript na nahrávanie súborov AJAX na odosielanie súborov do úložiska Firebase.
- 2Vytvorte vo svojej webovej aplikácii referenciu na úložisko Firebase. To je dôležité, ak potrebujete prístup k úložisku firebase.
const ref = firebase.storage (). ref ();
- 3Vytvorte vstupné pole. Po dokončení prístupu k súboru, ktorý sa má nahrať, zo vstupu [typ = "súbor"]. Ak používate jQuery, kód bude vyzerať takto.
súbor const = $ ('#fotka'). get (0).files [0]; - 4Pripravte si súbory. Pred odoslaním súboru budete musieť pripraviť názov súboru a metadáta súboru, ktorý odovzdáte. Neodporúča sa používať iba názov súboru ako identifikátor. Časová pečiatka je pole, ktoré je možné pripojiť k názvu súboru:
názov konštanty = (+ nový Dátum ()) + '-' + názov súboru;
- 5Vytvorte úlohu nahrávania. Ak chcete vygenerovať úlohu nahrávania pre súbor, môžete to vykonať pomocou metódy the.put (). V zásade je táto úloha prísľubom, a preto ju možno rovnako ľahko vykonávať aj neskôr. Príkaz by tu bol
const task = ref.child (meno).put (súbor, metadáta);
Úloha nahrávania súboru tiež podporuje množstvo rôznych metód vrátane task.resume (), task. zrušiť () a zadať úlohu. pauza().
- 6Načítajte odpoveď z adresy URL. Sľub môžete použiť na dosiahnutie vyriešenia po prijatí odpovede.
task.then ((snapshot) => {<br/> console.log (snapshot.downloadURL); <br/>}); - 7Zachyťte chyby. Môžu sa vyskytnúť prípady chýb, ktoré by si vyžadovali riešenie problémov. To môže byť prijaté starostlivosť o v úlohe nahrávaní pomocou the.catch metódy (), ako je uvedené nižšie:
task.then ((snapshot) => {document.querySelector ('#someImageTagID'). src = snapshot.downloadURL;}).catch ((error) => {// Zoznam chýb nájdete na // https: //firebase.google.com/docs/storage/web/handle-errors switch (error.code) {case 'storage/unauthorized': // Užívateľ nemá povolenie na prístup k prerušeniu objektu; úložisko kufra/ Cancel ': // Užívateľ zrušil prestávku nahrávania;... prípad' storage/neznámy ': // Neznáma chyba Došlo k prerušeniu;}})
V tomto článku napíšeme skript na nahrávanie súborov AJAX na odosielanie súborov do úložiska Firebase.
- Pridajte ďalších používateľov do databázy Firebase. Je to užitočné, pretože neexistujú žiadne súčasné riešenia na hromadný export údajov používateľa Auth. Riešením je uložiť používateľov do databázy * Firebase pri prvej registrácii.
- URL na stiahnutie nahraného súboru je možné uložiť podľa vyššie uvedeného postupu alebo alternatívne možno uložiť referenciu na Firebase aj pre budúce použitie.
- Zaistite, aby bola logika Firebase zachovaná na strane servera. To znižuje pravdepodobnosť zablokovania dodávateľom a oddeľuje vašu logiku backendu od klientskeho rozhrania.
Prečítajte si tiež: Ako zvýšiť pamäť prenosného počítača?
