Skip to content

Angular -sovellus Firebase -pilvipalveluun

Posted in Web-Ohjelmointi

Angular -koodailua bitti kerrallaan

Aloitin Angular -opiskelun muutama viikko sitten. Tällä viikolla tuli mieleen, että mihin minä laittaisin minun mahtavan sovelluksen testattavaksi. Ensimmäiseksi tuli mieleen Heroku, se tuntui niin helpolta käyttää kun laitoin sinne minun MEAN -sovelluksen viime kesänä. Vähän kun tutkin niin, ei se ollutkaan niin helppoa. Tai olisihan se ollut, mutta yritin löytää vielä helpomman tavan. Sitten minulle tuli mieleen Firebase. Totta kai! Mullahan oli siellä jo sovelluksen tietokanta ja autentikointi.

Firebase Hosting

Firebase -emännöinti on tarkoitettu front end -koodille. Angular -koodit meni sinne heittämällä. Firebasen hinnoittelu on aika kannustava, siinä mielessä että sitä voi käyttää ilmaiseksi aika pitkään ennen kuin rajat tulee vastaan.

Angular

Angular -sovellus kannattaa buildata ennen kuin laittaa sen Firebaseen:

  • ng build –prod
  • tuotantoversio tallentuu dist -hakemistoon

Firebasen käyttöönotto

  1. Asenna Firebase komentorivityökalut:
    • npm install -g firebase-tools
  2. Kirjaudu sisään
    • firebase login
  3. Alusta emännöintipalvelu
    • firebase init
    • vastaa kysymyksiin
  4. Ota palvelu käyttöön
    • firebase deploy
  5. That’s it
    • sovellus on valmis käytettäväksi
    • julkistetut versiot näkyy Firebasen Console:sta

Videoita päätöksen tueksi

Firebase Hosting

Angular & Firebase

 

Linkit

 

Viimeisimmät artikkelit

Kategoriat