ttipo
bf2321f2d5
LiveKit(SFU)에 미디어 전송을 위임하고, 앱은 입장 토큰 발급 + 회의 화면만 담당하는 구조로 단계 1(기본 연결)을 구현한다. 백엔드 - meeting 모듈: POST /api/meetings/token (JWT 인증) livekit-server-sdk 로 입장 JWT 발급(identity=userId, name, grants: roomJoin/publish/subscribe/publishData, TTL 1h). 단계 2에서 역할별 분기 예정. 프론트 - useMeeting(토큰 발급), useLiveKitRoom(연결/참여자/컨트롤 상태) - ParticipantTile(카메라/마이크 트랙 attach, 본인 거울·음소거, 이니셜 플레이스홀더) - MeetingPage(로비 + 영상 그리드), 라우트 /meeting/:room?, 사이드바 네비 추가 - VITE_LIVEKIT_URL 주입(build arg + dev 런타임 env) 인프라/설정 - 개발 미디어 서버는 LiveKit Cloud 사용(로컬 self-host 는 WSL2/Docker Desktop WebRTC 네트워킹 제약으로 제외). env 만으로 운영 전환 가능. - livekit/livekit.yaml 은 단계 6 셀프호스팅 참고용으로 보관. - 화상회의_화면명세.md: 현재 화면 기능/구조/데이터 계약 문서(UI 개편 참고). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
30 lines
845 B
Docker
30 lines
845 B
Docker
FROM node:20-alpine AS build-stage
|
|
WORKDIR /app
|
|
|
|
# 호스트의 npm 11 이 작성한 package-lock.json 형식과 호환되도록 npm 을 11 로 업그레이드
|
|
RUN npm install -g npm@11
|
|
|
|
COPY package*.json ./
|
|
RUN npm ci
|
|
|
|
COPY . .
|
|
|
|
ARG BUILD_MODE=production
|
|
ARG VITE_API_BASE_URL
|
|
ENV VITE_API_BASE_URL=$VITE_API_BASE_URL
|
|
ARG VITE_AI_TIMEOUT_MS
|
|
ENV VITE_AI_TIMEOUT_MS=$VITE_AI_TIMEOUT_MS
|
|
ARG VITE_LIVEKIT_URL
|
|
ENV VITE_LIVEKIT_URL=$VITE_LIVEKIT_URL
|
|
|
|
RUN npm run build-only -- --mode ${BUILD_MODE}
|
|
|
|
FROM nginx:stable-alpine AS production-stage
|
|
|
|
# 보안 헤더 포함된 nginx 설정 적용
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
COPY --from=build-stage /app/dist /usr/share/nginx/html
|
|
|
|
# 비-root 실행은 nginx-unprivileged 이미지 도입 시 활성화 (현재는 80 포트 바인드 필요)
|
|
EXPOSE 80
|
|
CMD ["nginx", "-g", "daemon off;"] |