๐Ÿ„Nativefier

Nativefier

electron์œผ๋กœ ํŠน์ • ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ฐ์‹ธ์ฃผ๋Š” ํˆด
chromium์ด ๋‚ด์žฅ๋˜์–ด ์žˆ์–ด์„œ ๊ฐœ์ธ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์“ฐ๋Š” ๊ฒฝํ—˜์„ ์คŒ
macOs/Windows/Linux ๋„ค์ดํ‹ฐ๋ธŒ์‹คํ–‰ํŒŒ์ผ๋กœ ๋งŒ๋“ค์–ด์คŒ

github: https://github.com/jiahaog/nativefier

์„ค์น˜

  • npm

npm -g install nativefier
  • brew

brew install nativefier

ํ™œ์šฉ ์˜ˆ์‹œ

  • ์ž์ฃผ ๋ณด๋Š” Grafana ๋ชจ๋‹ˆํ„ฐ๋ง ์‚ฌ์ดํŠธ

  • ๊ฐœ์ธ ๋ธ”๋กœ๊ทธ ์‚ฌ์ดํŠธ

๋‹จ์ 

  • ํฌ๋กฌ ํ™•์žฅ(extension)์„ ์“ธ ์ˆ˜ ์—†๊ณ , ๊ธฐ์กด ๋ธŒ๋ผ์šฐ์ €์™€ ๊ณ„์ •, ๋น„๋ฒˆ์„ ๊ณต์œ ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋กœ๊ทธ์ธ์„ ์ฃผ๊ธฐ์ ์œผ๋กœ ํ•ด์•ผํ•˜๋Š” ๋‹จ์ ์ด ์žˆ๋‹ค. (์ •๋ง ๊ท€์ฐฎ์„ ๋•, javascript ์ฃผ์ž…์„ ์ด์šฉํ•ด ๋กœ๊ทธ์ธํผ์— id/pw๋ฅผ ์ž๋™ ์ž…๋ ฅ๋˜๊ฒŒ ํ• ์ˆ˜๋Š” ์žˆ๋‹ค. ๋ฌผ๋ก  ์œ ์ถœ๋˜๋ฉด ์œ„ํ—˜ํ•˜๋‹ค.)

์˜ˆ์ œ

  • Grafana ๋ชจ๋‹ˆํ„ฐ๋ง ์ „์šฉ์•ฑ ๋งŒ๋“ค๊ธฐ (๋กœ๊ทธ์ธํผ ์ฑ„์šฐ๋Š” js ์ฃผ์ž…)

nativefier --name "Grafana" "https://GrafanaURL" -i grafana_release_icon.png --darwin-dark-mode-support --title-bar-style 'hiddenInset' --inject grafana-title-bar.css --inject grafana-login.js

๊ด€๋ จ๋„๊ตฌ

  • ์ตœ๊ทผ์—” Chrome์˜ ๋ฐ”๋กœ๊ฐ€๊ธฐ ๋งŒ๋“ค๊ธฐ๊ฐ€ ๋” ํŽธ๋ฆฌํ•ด์ง„ ๋ฉด์ด ์žˆ๋‹ค.

  • ๊ธฐํƒ€ ์œ ์‚ฌ ํˆด: UNITE4 (์œ ๋ฃŒ)