tool

Ngrok์ด๋ž€?

dddzr 2025. 11. 29. 17:24

๐Ÿ”1. Ngrok๋ž€?

Ngrok๋Š” ๋กœ์ปฌ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์™ธ๋ถ€์—์„œ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ค์–ด ์ฃผ๋Š” ํ„ฐ๋„๋ง ์„œ๋น„์Šค



๐Ÿ“Œ2. Ngrok ๊ธฐ๋Šฅ

  • HTTP/HTTPS ํ„ฐ๋„๋ง → ๋กœ์ปฌ ์„œ๋ฒ„๋ฅผ ์•ˆ์ „ํ•˜๊ฒŒ ๊ณต๊ฐœ
  • HTTPS ์ธ์ฆ์„œ ์ž๋™ ์ œ๊ณต → LS/SSL ๋ณด์•ˆ ์—ฐ๊ฒฐ์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ธ์ฆ์„œ๋Š” ์ž๋™์œผ๋กœ ์ƒ์„ฑ
  • ํŠธ๋ž˜ํ”ฝ ํ™•์ธhttp://127.0.0.1:4040์—์„œ ์š”์ฒญ/์‘๋‹ต ํ™•์ธ ๊ฐ€๋Šฅ
  • TCP ํ„ฐ๋„๋ง → SSH, DB ๋“ฑ TCP ์„œ๋น„์Šค ํ„ฐ๋„๋ง ๊ฐ€๋Šฅ
  • Custom subdomain/Custom domain → ์œ ๋ฃŒ ๊ณ„์ •์—์„œ ๊ฐ€๋Šฅ

๐Ÿ“Œ3. Ngrok ์„ค์น˜ ๋ฐ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

โœ… 3-1. ๋‹ค์šด๋กœ๋“œ

https://ngrok.com/

 

โœ… 3-2. ์ธ์ฆ ํ† ํฐ ํ™•์ธ

1๏ธโƒฃ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ
2๏ธโƒฃ Getting Started > Your Authtoken ํŽ˜์ด์ง€ ์ด๋™
3๏ธโƒฃ Authtoken ๋ณต์‚ฌ

โœ… 3-3. ngrok CLI์— authtoken ๋“ฑ๋ก

ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์–ด ์‹คํ–‰:

ngrok config add-authtoken <YOUR_AUTHTOKEN>

โœ”๏ธ ์„ฑ๊ณต ๋ฉ”์‹œ์ง€ ๋‚˜์˜ค๋ฉด ์ธ์ฆ ์™„๋ฃŒ

 

โœ… 3-4. HTTP ํ„ฐ๋„ ์‹œ์ž‘

ํฌํ„ธ ์„œ๋ฒ„๊ฐ€ ๋กœ์ปฌ 8080 ํฌํŠธ์—์„œ ์‹คํ–‰ ์ค‘์ด๋ผ๊ณ  ๊ฐ€์ •:

ngrok http 8080

 

์ถœ๋ ฅ ์˜ˆ์‹œ (๋ฌด๋ฃŒ ๋ฒ„์ „์€ ๋„๋ฉ”์ธ ์ฃผ์†Œ ์ž๋™ ์ƒ์„ฑ)

Forwarding                    https://abcd1234.ngrok.io -> http://localhost:8080

 

โœ… 3-5. ์ฃผ์˜์‚ฌํ•ญ

  • ์ƒ์„ฑ๋œ ๋„๋ฉ”์ธ์€ 2์‹œ๊ฐ„๋™์•ˆ ์‚ฌ์šฉ ๊ฐ€๋Šฅ
  • ๋ฌด๋ฃŒ ngrok URL์€ ์™ธ๋ถ€ ์‚ฌ์ดํŠธ Domain ๊ฒ€์ฆ์šฉ์œผ๋กœ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.
  • ngrok ์œ ๋ฃŒ ํ”Œ๋žœ์—์„œ Custom Domain ์—ฐ๊ฒฐ ๊ฐ€๋Šฅ

* ngrok + Custom Domain์œผ๋กœ ๋„๋ฉ”์ธ ๊ฒ€์ฆ

  • ์œ ๋ฃŒ ํ”Œ๋žœ์—์„œ Custom Domain ์—ฐ๊ฒฐ (์˜ˆ: https://sso-test.yourcompany.com)
  • DNS์— CNAME → ngrok ํ„ฐ๋„ ์ฃผ์†Œ ์ถ”๊ฐ€
  • .well-known/microsoft-identity-association ํŒŒ์ผ๋„ ํ•ด๋‹น ๋„๋ฉ”์ธ์—์„œ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•ด์•ผ ํ•จ