사용 사례

1. 웹 개발 (React, Vue, Angular)

로컬 개발 서버를 외부에서 접근:

bash

# React (Create React App)
npm start &
npx connectbase tunnel 3000

# Vite
npm run dev &
npx connectbase tunnel 5173

# Next.js
npm run dev &
npx connectbase tunnel 3000

2. 웹훅 테스트

GitHub, Stripe 등의 웹훅을 로컬에서 수신:

bash

# 웹훅 수신 서버 실행
node webhook-server.js &
npx connectbase tunnel 4000

발급된 터널 URL을 GitHub Webhook 설정에 등록:

https://tunnel.connectbase.world/abc12345/webhook

3. AI/ML 서버

GPU를 사용하는 ML 모델 서버 공유:

bash

# Gradio
python app.py &
npx connectbase tunnel 7860 --timeout 300

# Stable Diffusion WebUI
./webui.sh &
npx connectbase tunnel 7860 --timeout 600 --max-body 50

# Ollama
ollama serve &
npx connectbase tunnel 11434 --timeout 300

4. API 테스트

로컬 API 서버를 모바일 앱에서 테스트:

bash

# Express.js API
node server.js &
npx connectbase tunnel 3000

# FastAPI
uvicorn main:app --port 8000 &
npx connectbase tunnel 8000

# Go Gin
go run main.go &
npx connectbase tunnel 8080

5. 데모 및 프레젠테이션

로컬 프로젝트를 클라이언트에게 바로 보여주기:

bash

npx connectbase tunnel 3000
# 발급된 URL을 클라이언트에게 공유

6. 모바일 앱 개발

React Native, Flutter 앱에서 로컬 백엔드 연동:

bash

# 백엔드 서버
npm run dev &
npx connectbase tunnel 3000

# 앱에서 터널 URL 사용
# const API_URL = 'https://tunnel.connectbase.world/abc12345'

플랜별 제한

문제 해결