{"id":26160,"date":"2021-06-10T19:48:00","date_gmt":"2021-06-10T16:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26160"},"modified":"2021-10-17T18:21:28","modified_gmt":"2021-10-17T15:21:28","slug":"staatilise-veebisaidi-juurutamine-firebase-i-hostimisse-tasuta","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/staatilise-veebisaidi-juurutamine-firebase-i-hostimisse-tasuta\/","title":{"rendered":"Staatilise veebisaidi juurutamine Firebase’i hostimisse tasuta"},"content":{"rendered":"

Firebase’i hostimine on Google’i pakutav teenus, mis hostib staatilisi ja d\u00fcnaamilisi veebisaite turvalisel viisil. See on parim tasuta teenus arendajatele. Saate kliendile n\u00e4idata saidi kujundust, saidi tootmiseelset versiooni, juurutades selle Firebase’i hostile.<\/p>\n

Kasutaja saab veebisaidi majutamiseks kasutada Firebase’i tasuta paketti. Tasuta plaan sisaldab kohandatud domeeni ja SSL-i tuge, 1 GB salvestusruumi. 1 GB m\u00e4luruum on piisav v\u00e4iksemate veebisaitide jaoks. K\u00f5igi tasuta ja tasuliste pakettide funktsioonide loendi saamiseks vaadake nende hinnakujunduslehte<\/a>.<\/p>\n

Kuigi Firebase’i hostimine pakub Node.js \/ JavaScripti koodi k\u00e4itamiseks tuge, keskendume selles artiklis ainult staatilise veebisaidi juurutamisele. D\u00fcnaamilise veebisaidi juurutamise eest Firebase’is kirjutan tulevikus veel \u00fche artikli.<\/p>\n

Alustamine<\/h3>\n

Alustamiseks peab teie arvutisse olema installitud Node.js. Node.js paketi saate installimiseks nende ametlikul veebisaidil<\/a>.<\/p>\n

Kui Node.js on teie s\u00fcsteemi installitud, minge Firebase’i konsooli<\/a> ja looge projekt, kl\u00f5psates kasti \u201eLisa projekt". T\u00e4itke kogu teave vastavalt juhistele.<\/p>\n

Firebase’i projekti loomisel suunatakse seej\u00e4rel projekti juhtpaneelile. Kl\u00f5psake vasakul k\u00fclgribal ‘Hosting’ ja seej\u00e4rel k\u00e4sul ‘Alustamine ". See avab lehe, kust leiate juurutamise juhised. Selle l\u00e4bime \u00f5petuse j\u00e4rgmises osas.<\/p>\n

Paigaldage staatiline veebisait Firebase’i hostimisse<\/h3>\n

P\u00e4rast Firebase’is projekti loomist saame m\u00f5ne k\u00e4su abil juurutada staatilise veebisaidi Firebase’i hostimisse. See n\u00f5uab k\u00f5igepealt Firebase CLI installimist ja seej\u00e4rel lokaalset konfigureerimist.<\/p>\n

Installige Firebase’i CLI<\/h4>\n

Esmalt peate juurutamiseks installima Firebase’i CLI. Olete installinud Node.js, nii et kasutage CLI installimiseks npm. Avage terminal ja installige Firebase CLI, kasutades npm j\u00e4rgmiselt:<\/p>\n

npm install -g firebase-tools<\/code><\/pre>\n
Pange t\u00e4hele, et installime Firebase’i t\u00f6\u00f6riistu \u00fclemaailmselt -g<\/code>. Nii saate Firebase’i k\u00e4ske k\u00e4ivitada mis tahes oma arvuti kataloogis. N\u00fc\u00fcd k\u00e4ivitage terminalist j\u00e4rgmine k\u00e4sk:<\/p>\n
firebase login<\/code><\/pre>\n
See v\u00f5ib suunata teid Google’i konto sisselogimislehele. J\u00e4rgige lihtsalt soovitatud samme. See on lihtsalt Firebase’i autoriseerimisprotsess, nii et projekt juurutatakse ainult teie kontole.<\/p>\n
Initsialiseerimine ja juurutamine<\/h4>\n
P\u00e4rast Google’i konto autoriseerimist Firebase’i CLI-ga peate l\u00e4htestama Firebase’i projekti juurkataloogis. Selleks k\u00e4ivitage oma projekti juurkataloogis j\u00e4rgmine k\u00e4sk.<\/p>\n
firebase init<\/code><\/pre>\n
\u00dclaltoodud k\u00e4su k\u00e4ivitamisel palub CLI valida m\u00f5ne muu v\u00f5imaluse. Peaksite valima suvandi Hosting, navigeerides noolel ja vajutades seej\u00e4rel t\u00fchikuklahvi. P\u00e4rast valiku "Hosting" valimist vajutage sisestusklahvi.<\/p>\n
\"Staatilise<\/a><\/p>\n
J\u00e4rgmisena valige Firebase’i konsoolis loodud projekt. Vajutage sisestusklahvi. J\u00e4rgmine k\u00fcsimus oleks Mida soovite kasutada oma avaliku kataloogina? (avalik). Siin pole vaja midagi teha. Vajutage lihtsalt klahvi Enter.<\/p>\n
J\u00e4rgmise k\u00fcsimuse jaoks Kas seadistada \u00fche lehe rakenduseks (kirjutada k\u00f5ik URL-id \u00fcmber \/index.html)? (y \/ N), vajutage N ja vajutage sisestusklahvi Enter, kuna me ei kasuta \u00fchelehelist rakendust.<\/p>\n
P\u00e4rast seda k\u00e4sku n\u00e4ete koos juurkaustaga paari faili, mis on loodud juurkataloogis public<\/code>. See public<\/code>kataloog on juurutamise juur. Selles public<\/code>kataloogis peate s\u00e4ilitama oma projekti failid.<\/p>\n
N\u00fc\u00fcd loome staatilised HTML-lehed. Kuna see \u00f5petus on m\u00f5eldud lihtsalt demo eesm\u00e4rgil, siis loon p\u00f5hilisi HTML-lehti.<\/p>\n
public \/ index.html<\/strong><\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\u00a0\u00a0\u00a0\u00a0<meta charset=\"UTF-8\">\n\u00a0\u00a0\u00a0\u00a0<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u00a0\u00a0\u00a0\u00a0<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n\u00a0\u00a0\u00a0\u00a0<title>Document<\/title>\n\u00a0\u00a0\u00a0\u00a0<link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0<h1>This is Index Page<\/h1>\n\u00a0\u00a0\u00a0\u00a0<a href=\"index.html\">Home<\/a> | <a href=\"about.html\">About<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n
public \/ about.html<\/strong><\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\u00a0\u00a0\u00a0\u00a0<meta charset=\"UTF-8\">\n\u00a0\u00a0\u00a0\u00a0<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u00a0\u00a0\u00a0\u00a0<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n\u00a0\u00a0\u00a0\u00a0<title>Document<\/title>\n\u00a0\u00a0\u00a0\u00a0<link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0<h1>This is About Page<\/h1>\n\u00a0\u00a0\u00a0\u00a0<a href=\"index.html\">Home<\/a> | <a href=\"about.html\">About<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n
avalik \/ stiil.css<\/strong><\/p>\n
h1 {\n\u00a0\u00a0\u00a0\u00a0color: blueviolet;\n}<\/code><\/pre>\n
Need on meie staatilised lehed, mille kavatseme Firebase’i hostimisse juurutada.<\/p>\n
Kui soovite projekti enne juurutamist kohalikult testida, k\u00e4ivitage k\u00e4sk serveeri j\u00e4rgmiselt:<\/p>\n
firebase serve<\/code><\/pre>\n
See k\u00e4ivitab teie kohaliku serveri aadressil http: \/\/ localhost: 5000<\/a>. Testige oma projekti ja kui k\u00f5ik on hea, juurutage see k\u00e4suga:<\/p>\n
firebase deploy<\/code><\/pre>\n
P\u00e4rast juurutamise l\u00f5petamist peaksite konsoolis n\u00e4gema hostimise URL-i.<\/p>\n
\"Staatilise<\/a><\/p>\n
K\u00e4ivitage brauseris hostimise URL ja peaksite n\u00e4gema, et teie veebisait on edukalt juurutatud. Pange t\u00e4hele, et saate oma projekti juurutada mitu korda. P\u00e4rast muudatusi k\u00e4ivitage lihtsalt k\u00e4sk juurutamine ja teie sait juurutatakse uue versiooniga.<\/p>\n
Tagastage oma versioon<\/h3>\n
Firebase s\u00e4ilitab k\u00f5igi teie juurutusversioonide ajaloo. V\u00f5ite minna tagasi vanema versiooni juurde. Minge Firebase’i hostimise lehele, kus leiate tagasiv\u00f5tmise v\u00f5imaluse (eeldades, et olete juurutanud mitu versiooni).<\/p>\n
\"Staatilise<\/a><\/p>\n
Versioonide tagasit\u00f5mbamise abil saate vahetada otse oma veebisaidi iga versiooni vahel. See on disaini ja arenduse etapis lihtne ja kasulik.<\/p>\n
Loodetavasti \u00f5ppisite tundma Firebase’i hostimise juurutamise p\u00f5hit\u00f5desid. Palun jagage oma m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n