Heroku์ ๋ฐฐํฌํ๋ ๋ฐ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
server.listen(process.env.PORT || 3000)
์ง์
console.log(process.env.PORT)
์ด(๊ฐ) 3000
์(๋ฅผ) ์ ๊ณตํฉ๋๋ค.
ํ์ง๋ง console.log(JSON.stringify(process.env))
๋ Heroku๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ์ค์ ํ PORT๊ฐ ์๋ ์ ์ฒด ๊ฐ์ฒด๋ฅผ ์ ๊ณตํฉ๋๋ค(๋งค๋ฒ ๋ค๋ฅธ ํฌํธ๋ฅผ ์ฌ์ฉํจ).
๋ด ๋์ process.env.PORT
๋ณ์ ์ด๋ฆ์ 3e3
์ ๊ฐ์ ๊ฒ์ผ๋ก ๋ณ๊ฒฝํ ๋ค์ ์ด๋ค ์ด์ ๋ก ํฌํธ๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ์ฝํ์ง ์๋ ์ถ์ ํ๋ก์ธ์ค์ ์์ต๋๋ค.
(heroku์ dev ๋น๋๋ฅผ ์
๋ก๋ํ๋ฉด ๋ชจ๋ ๊ฒ์ด ์๋ํฉ๋๋ค)
ํ๋ก๋์ ์์ ์๋ฒ ์ถ์๋ฅผ ๋นํ์ฑํํ๋ ๋ฐฉ๋ฒ์ ์๊ณ ์์ต๋๊น?
์๊ฒ ์ต๋๋ค. ์ข ๋ ์กฐ์ฌ๋ฅผ ํ๊ณ RAZZLE-README.md์์ ์ด๊ฒ์ ์ฐพ์์ต๋๋ค.
ํ๊ฒฝ ๋ณ์๋ ๋น๋ ์๊ฐ์ ํฌํจ๋ฉ๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก
webpack.DefinePlugin
๋ก ๋ด๋ณด๋ด๊ธฐ ๋๋ฌธ์ ๋ฐํ์์ ์ฝ์ ์ ์์ต๋๋ค.
๊ทธ๋์ process.env.PORT๋ ๋น๋ ์์ ์ค์ ๋ฉ๋๋ค. Heroku๋ ์์ฒด์ ์ผ๋ก ์ค์ ํด์ผ ํ๊ธฐ ๋๋ฌธ์ ์ด๊ฒ์ ์๋ํ์ง ์์ต๋๋ค. ์ฌ๊ธฐ์ ๋ฌด์์ ํ ์ ์์ต๋๊น?
ํด๊ฒฐ! :)
์ด ์์ ๊ท์ผ๋ฅ์ด๋ฅผ ์ฐพ์์ต๋๋ค: https://www.npmjs.com/package/razzle-heroku
๋งค๋ ฅ์ฒ๋ผ ์๋ํฉ๋๋ค! ๐ฅ
๊ทธ๋ฆฌ๊ณ ๋๋ ์ด๋ฏธ razzle์ ๋ฒ๋ฆฌ๊ณ ๋ด ์์ ์ ๋กค์ ๊ณ ๋ คํ๊ธฐ ์์ํ์ต๋๋ค.
์ฌ๊ธฐ์ ์ค๋ ์ฌ๋์ ์ํด ๊ณง ๋์ฌ ์๋ก์ด razzle์ ์ด์ ๋ํ ์ต์ ์ด ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํด๊ฒฐ! :)
์ด ์์ ๊ท์ผ๋ฅ์ด๋ฅผ ์ฐพ์์ต๋๋ค: https://www.npmjs.com/package/razzle-heroku
๋งค๋ ฅ์ฒ๋ผ ์๋ํฉ๋๋ค! ๐ฅ
๊ทธ๋ฆฌ๊ณ ๋๋ ์ด๋ฏธ razzle์ ๋ฒ๋ฆฌ๊ณ ๋ด ์์ ์ ๋กค์ ๊ณ ๋ คํ๊ธฐ ์์ํ์ต๋๋ค.