localtunnel은 로컬 포트에 공개 URL 을 붙인다 — 배포나 DNS 설정 없이 남에게 보여주거나 외부 콜백(웹훅)을 받을 때.1

app.listen(PORT, async () => {
  const tunnel = await localtunnel({
    port: PORT,
    subdomain: name,
  })
})

하지만 너무 느려서 ngrok 쓰는게 현실적일수도 있겠다. -20220917

Footnotes

  1. localtunnel README: “localtunnel exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes.” ↩

  2. 로컬 환경에서 웹훅 테스트를 위해, API 엔드포인트를 만들고 localtunnel이나 ngrok을 사용하기. ↩

#local#debug#tunneling#localtunnel#ngrok#cloudflared
#68

charles

fiddler

mitmproxy

Footnotes

  1. AutoResponder기능을 어떻게 활용 가능한지 알려주는 내용. delay 추가로 응답 시간 조절이 가능하므로 font, script 로딩 시간을 늘려서 시각적으로 확인이 가능하다. ↩

#local#charles#debug
#69

서버/프론트 구분이 없는 환경일 경우 옛날에는 이렇게 세팅해서 개발. 이미 떠 있는 서버 앞에 프록시를 두고 정적 파일만 직접 감시.1

const bs = require('browser-sync').create()

bs.init({
  port: 8081,
  https: false,
  proxy: 'http://localhost:8080',
  serveStatic: [
    {
      route: '/resources',
      dir: 'src/main/webapp/resources',
    },
  ],
  files: 'src/main/webapp/resources/**/*',
  open: false,
})

Footnotes

  1. Browsersync options: proxy — “Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site.” / serveStatic — “Add additional directories from which static files should be served.” / files — “Browsersync can watch your files as you work. Changes you make will either be injected into the page (CSS & images) or will cause all browsers to do a full-page refresh.” ↩

#local
#72