๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“ฑ Cross Platform/Flutter

[Flutter] ํ”Œ๋Ÿฌํ„ฐ ์›น ๋ฐฐํฌํ•˜๊ธฐ(feat.Fireabse hosting)

by Fomagran ๐Ÿ’ป 2021. 6. 12.
728x90
๋ฐ˜์‘ํ˜•

 

์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ‘Ÿ ์ž…๋‹ˆ๋‹ค!

 

์˜ค๋Š˜์€ ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ˜ธ์ŠคํŒ… ํ†ตํ•ด ํ”Œ๋Ÿฌํ„ฐ๋กœ ๋งŒ๋“  ์›น์„ ๋ฐฐํฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์ •๋ฆฌํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

 

๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~


ํ”Œ๋Ÿฌํ„ฐ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

 

๋น„์ฅฌ์–ผ ์ŠคํŠœ๋””์˜ค์—์„œ cmd + shift + p ๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ƒˆ๋กœ์šด ํ”Œ๋Ÿฌํ„ฐ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•ด์ค๋‹ˆ๋‹ค.

 


Firebase Hosting

 

ํ„ฐ๋ฏธ๋„๋กœ ์ด๋™ํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํˆด์„ ์„ค์น˜ํ•ด์ค๋‹ˆ๋‹ค.

 

sudo npm install -g firebase-tools

 

 

ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ˜ธ์ŠคํŒ… ์ดˆ๊ธฐ ์„ค์ •์„ ํ•ด์ค๋‹ˆ๋‹ค.

 

firebase init hosting

 

1. Create a new project

 

์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ ํŒŒ์ด์–ด๋ฒ ์ด์Šค์— ๋งŒ๋“ค์–ด์ค๋‹ˆ๋‹ค.

 

2. Google Cloud project id

 

์›ํ•˜๋Š” ์ด๋ฆ„์œผ๋กœ ์ •ํ•ด์ค๋‹ˆ๋‹ค.

 

3. ์›ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋กœ ์•„์ด๋””๋กœ ์„ค์ •

 

์•„๋ž˜์™€ ๊ฐ™์ด build/web - no - no ๋กœ ์„ค์ •ํ•ด์ค๋‹ˆ๋‹ค. (๋ฐ˜๋“œ์‹œ public ๋””๋ ‰ํ† ๋ฆฌ๋Š” build/web ์œผ๋กœ ํ•ด์ฃผ์…”์•ผํ•ฉ๋‹ˆ๋‹ค!)

 

 

๊ทธ๋ฆฌ๊ณค ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ˜ธ์ŠคํŒ…์— ๋ฐฐํฌํ•ด์ค๋‹ˆ๋‹ค.

 

firebase deploy --only hosting

 

์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋ฐฐํฌ๊ฐ€ ์™„๋ฃŒ๋๋‹ค๊ณ  ํ•˜๋ฉด์„œ

 

 

์•„๋ž˜์— ์›น์‚ฌ์ดํŠธ ์ฃผ์†Œ๊ฐ€ ๋œฐ๊ฑฐ์—์š”!

 

ํ•ด๋‹น url๋กœ ์ด๋™ํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ํ˜ธ์ŠคํŒ… ์…‹์—…์ด ์™„๋ฃŒ๋๋‹ค๊ณ  ๋œน๋‹ˆ๋‹ค!

 

 

ํ•˜์ง€๋งŒ ํ”Œ๋Ÿฌํ„ฐ ๊ธฐ๋ณธ์„ธํŒ… ์•ฑ์ด ๋œจ๋„๋ก ๋งŒ๋“ค์–ด์•ผ๊ฒ ์ฃ ?

 

์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ์ณ์„œ ์›น์„ ๋นŒ๋“œํ•ด์ค๋‹ˆ๋‹ค.

 

flutter build web

 

firesbase.json ํŒŒ์ผ๋กœ ์ด๋™ํ•ด์„œ

 

 

 

์•„๋ž˜์™€ ๊ฐ™์ด public ๋ถ€๋ถ„์„ build/web์œผ๋กœ ๋ฐ”๊ฟ”์ค๋‹ˆ๋‹ค. 

 

{
  "hosting": {
    "public": "build/web",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

 

๋‹ค์‹œ ํŒŒ์ด์–ด๋ฒ ์ด์Šค์— ๋ฐฐํฌํ•ด์ค๋‹ˆ๋‹ค.

 

firebase deploy --only hosting

 

๋ฐฐํฌ๊ฐ€ ์™„๋ฃŒ๋˜๊ณ  ๋‹ค์‹œ ์›น์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ๊ธฐ๋ณธ ํ”Œ๋Ÿฌํ„ฐ ์›น์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

 


์˜ค๋Š˜์€ ์ด๋ ‡๊ฒŒ ํ”Œ๋Ÿฌํ„ฐ์™€ ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ˜ธ์ŠคํŒ…์„ ํ†ตํ•ด์„œ ์›น์„ ๋ฐฐํฌํ•ด๋ณด๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค.

 

๋‹ค์Œ ํฌ์ŠคํŒ…์€ ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ˜ธ์ŠคํŒ…์—์„œ ๊ฐœ์ธ ๋„๋ฉ”์ธ์„ ์ ์šฉ์‹œ์ผœ

 

์ •๋ง ์ž์‹ ๋งŒ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋“ฑ๋กํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค!

ํ˜น์‹œ๋ผ๋„ ํ‹€๋ฆฐ ์ ์ด๋‚˜ ๊ถ๊ธˆํ•˜์‹  ๋ถ€๋ถ„์ด ์žˆ์œผ๋ฉด ์–ธ์ œ๋“  ๋Œ“๊ธ€๋กœ ์•Œ๋ ค์ฃผ์„ธ์š”!

728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€