Kuidas Firebase'i hostimist kasutama hakata?

Kas olete huvitatud JavaScripti õppimisest? Hankige minu tasuta e-raamat aadressil jshandbook.com

Firebase on mobiili- ja veebirakenduste arendusplatvorm, mille töötas välja Firebase, Inc. 2011. aastal. Google ostis selle 2014. aastal ja koondati Google'i pilveteenusesse. Nüüd on see Google Cloudi pakkumise lipulaev.

Firebase on keeruline ja liigendatud toode, mis on peamiselt suunatud mobiilirakendustele.

Üks selle vähemtuntud funktsioonidest, mida selles artiklis käsitleme, on Firebase täiustatud veebimajutusteenus.

Firebase'i hostimise funktsioonid

Firebase'i hostimine pakub staatiliste veebisaitide, nt

  • saite, mida saate staatiliste saidigeneraatorite abil luua
  • serveripoolsete CMS-platvormidega ehitatud saidid, millest genereerite veebisaidi staatilise koopia

Võite majutada ükskõik mida, kui see pole dünaamiline. Näiteks WordPressi ajaveeb on peaaegu alati hea kandidaat staatiliseks saidiks, kui kasutate Disqusi või Facebooki kommentaare.

Firebase'i host edastab faile kiirelt CDN kaudu, kasutades HTTPS-i, ja pakub automaatset SSL-sertifikaati kohandatud domeeni toega.

Selle tasuta tasand on helde, kui selle ületate, on saadaval odavad plaanid. See on väga arendajasõbralik, pakub CLI-liidese tööriista, hõlpsa juurutamisprotsessi ja ühe klõpsuga tagasipöördumisi.

Miks peaksite kasutama Firebase'i hostimist?

Firebase võib olla hea valik staatiliste veebisaitide ja üheleheliste rakenduste juurutamiseks.

Mulle meeldib Firebase'i hostimist kasutada peamiselt seetõttu, et katsetasin paljusid erinevaid pakkujaid ja Firebase pakub vinge kiirust mitmes geograafilises asukohas, ilma et oleks vaja eraldi CDN-i peal, kuna CDN on sisseehitatud tasuta.

Oma VPS-i omamine on küll väga hea võimalus, kuid lihtsa veebisaidi jaoks oma serveri haldamine ei ole lihtsalt seda väärt. Ma eelistaksin keskenduda pigem sisule, mitte toimingutele, just nagu läheksin rakenduse Herokusse.

Firebase on veelgi lihtsam seadistada kui Heroku.

Installige tööriist Firebase CLI

Installige Firebase CLI koos

npm install -g firebase-tools

või

lõng globaalne lisada firebase-tööriistad

Autentige Google'i kontoga (ma eeldan, et teil juba on Google'i konto) käitamise kaudu

Firebase'i sisselogimine

Looge projekt Firebase'is

Minge saidile https://console.firebase.google.com/ ja looge uus projekt.

Käitage nüüd konsoolis töötava saidi juurkaustast järgmist:

firebase init
firebase init

Vajutage tühikut, et valida suvand „Hosting”, seejärel vajutage valiku kinnitamiseks sisestusklahvi.

Nüüd peate valima projekti, kuhu soovite selle saidi juurutada.

Valige „looge uus projekt“.

Nüüd saate valida, milline kaust sisaldab teie saidi staatilist versiooni. Näiteks avalik.

Rakenduse konfiguratsiooni kohta esitatakse teile kaks küsimust. Vastake mõlemale „Ei”:

  • Kas konfigureerida üheleheliste rakendustena (kirjutada kõik URLid ümber saidile /index.html)?
  • Fail avalik / index.html on juba olemas. Üle kirjutada?

See takistab Firebase'il oma vaikimisi faili index.html lisamist.

Nüüd on teil hea minna:

Seadistage sait

Rakendus Firebase CLI lõi faili firebase.json juursaiti kausta.

Selles artiklis räägin, kuidas konfigureerida Firebase'i hostimise lihtsat funktsiooni, lisades faili firebase.json natuke konfiguratsiooni.

Soovin Cache-Controli päise direktiivi seada kõigile saidi varadele - piltidele, CSS- ja JS-failidele.

Puhas fail firebase.json sisaldab järgmist:

{
  "hostimine": {
    "avalik": "avalik",
    "eirama": [
      "firebase.json", "** /. *",
      "** / node_modules / **"
    ]
  }
}

See ütleb Firebase'ile, kus on saidi sisu ja milliseid faile see peaks ignoreerima. Lisage julgelt kõiki oma kaustu, v.a avalikud.

Lisame sinna uue atribuudi, mida nimetatakse päisteks:

{
  "hostimine": {
    "avalik": "avalik",
    "eirama": [
      "firebase.json",
      "** /. *",
      "** / node_modules / **"
    ],
    "päised": [
      {
        "allikas": "** / *. @ (jpg | jpeg | gif | png | css | js)",
        "päised": [{
          "võti": "Cache-Control",
          "väärtus": "maksimaalne vanus = 1000000" // 1 nädal +
        }]
      }
    ]
  }
}

Nagu näete, ütleme, et kõigi failide puhul, mis lõpevad jpg | jpeg | gif | png | css | js Firebase peaks rakendama Cache-Control: max-age = 1000000 direktiivi, mis tähendab, et kõik varad on vahemällu salvestatud rohkem kui 1 nädal.

Avaldage sait

Kui olete valmis saidi avaldama, käivitate lihtsalt järgmise käsu ja Firebase hoolitseb kõige eest.

tuletõrjebaasi juurutamine

Nüüd saate avada https://yourproject.firebaseapp.com ja peaksite nägema, et veebisait töötab.

Kohandatud domeen

Järgmine loogiline samm on panna oma sait kohandatud domeeni kasutama.

Minge aadressile https://console.firebase.google.com/project/_/hosting/main ja klõpsake nuppu „Ühenda domeen”:

Nõustaja küsib teilt domeeninime, seejärel annab see TXT-kirje, mille peate domeeni kinnitamiseks oma hostimise DNS-paneelile lisama.

Kui domeen on täiesti uus, võib selle sammu läbimiseks kuluda natuke aega.

Kui see on tehtud, annab liides teile kaks A-kirjet, mida saate lisada ka hostimise DNS-paneelile.

Kui seadistate oma domeeni.com, ärge unustage, et seadistate ka saidi www.oma oma domeen.com, tehes selle ümbersuunamiseks.

Nüüd peate lihtsalt ootama oma hostimist, et värskendada DNS-kirjeid ja DNS-i vahemäluid.

Samuti pidage meeles, et teie SSL-sertifikaat varustatakse automaatselt, kuid selle kehtivus nõuab natuke aega.

Kas olete huvitatud JavaScripti õppimisest? Hankige minu tasuta e-raamat aadressil jshandbook.com