noname.company/hop.noname.company

Fork 0

Files

zenn 4f0231da3d Simplify connection flow, mobile transfer UI, and header actions

2026-10-12 18:14:54 +09:00

20 KiB

Raw Blame History

hop. 유그린 NAS 배포 순서

SSH에서는 소스와 설정만 준비합니다. 시작·중지·재빌드는 NAS의 Docker 앱에서 합니다.

접속 경로: https://hop.noname.company → 기존 Cloudflare Tunnel → NPM(기존 8080) → NAS 내부 IP:50189 → hop.

아래 코드 블록을 하나씩 복사하고 Enter를 누르세요. 오류가 나오면 다음 단계로 넘어가지 마세요.

이미 배포했다면 7. 업데이트부터 진행하세요. 이번 업데이트는 자동 근처 검색·기종 구분·연결 방식 선택·4자리 초대 코드·모바일 입력/진행률 개선를 추가하며 기존 DB·업로드 볼륨을 유지합니다. 새 도메인이나 외부 포트는 추가하지 않습니다.

‘허용되지 않은 접속 경로’가 나오면: 주소창을 https://hop.noname.company로 바꾸세요. http://는 운영 APP_URL과 달라 차단됩니다. 5-1단계에서 HTTP를 HTTPS로 자동 이동시킵니다.

1. SSH에서 소스 받기

NAS에서 프로젝트를 둘 상위 폴더까지 이동한 상태에서 실행합니다.

git --version

docker compose version

openssl version

명령이 없으면 해당 단계의 오류를 알려주세요. NAS에는 Node.js나 npm을 설치할 필요가 없습니다.

git clone https://git.sori.studio/noname.company/hop.noname.company.git hop

Git 로그인을 물으면 Git 서버의 로그인 아이디와 비밀번호 또는 액세스 토큰을 입력합니다. 비밀번호 입력 시 화면에 글자가 안 나오는 것은 정상입니다.

cd hop

git branch --show-current

main이 나오면 다음으로 넘어갑니다.

2. NAS 설정 만들기

sh scripts/configure-nas.sh

질문이 나오면 순서대로 입력합니다.

NAS 내부 IPv4 주소: NAS 설정에 표시된 실제 내부 IP 입력 → Enter. NPM도 이 IP로 연결합니다.
Resend API 키: 기존 hello@noname.company 발신에 사용하는 키 붙여넣기 → Enter. 입력 문자는 숨겨집니다. 메일 기능 없이 시작하려면 Enter만 누릅니다.
회원가입 활성화: 가입까지 테스트하려면 y → Enter. 비활성화하려면 Enter만 누릅니다. 키를 생략하면 이 질문 없이 가입이 비활성화됩니다.

SESSION_SECRET과 DISCOVERY_SECRET은 자동 생성됩니다. NAS 포트와 컨테이너 포트는 모두 50189를 사용합니다.

마지막에 표시된 compose.nas.yaml 경로를 복사해 둡니다. .env는 NAS에만 남고 Git에 올라가지 않습니다. 기존 .env가 있으면 덮어쓰지 않습니다.

3. Docker 앱에서 배포

NAS의 Docker 앱 열기.
프로젝트 → 생성 누르기.
프로젝트 이름에 hop 입력.
프로젝트 저장 경로는 방금 git clone한 hop 폴더 선택.
YAML 가져오기에서 compose.nas.yaml 선택. 파일 가져오기가 없으면 해당 파일 내용을 Compose 편집기에 붙여넣습니다.
배포 / 빌드 후 시작 누르기. 처음에는 이미지 빌드가 끝날 때까지 기다립니다.
프로젝트의 hop 컨테이너가 실행 중, 상태가 healthy인지 확인.

hop.noname.company:latest는 NAS에서 소스로 빌드하는 로컬 이미지입니다. Docker Hub에 등록된 이미지가 아니며 docker login은 필요하지 않습니다. YAML의 pull_policy: never로 외부에서 hop. 이미지를 다운로드하지 않습니다. 처음 배포와 코드 업데이트에는 이미지 빌드가 필요합니다.

Docker 앱이 빌드 전에 컨테이너 생성부터 시도하거나 No such image가 나오면, SSH에서 아래 명령으로 이미지만 빌드한 뒤 Docker 앱으로 돌아가 시작 / 재배포하세요. 이 명령은 컨테이너를 시작하거나 데이터를 삭제하지 않습니다.

sudo docker compose --project-name hop -f compose.nas.yaml build hop

버전별로 버튼 이름이 다를 수 있습니다. 생성한 YAML은 소스와 .env의 절대 경로를 사용합니다. 별도의 빈 폴더로 소스를 옮기지 마세요. 프로젝트 배포 방식은 UGREEN 공식 안내를 참고했습니다.

4. Nginx Proxy Manager 설정

기존 NPM 관리 화면에서 진행합니다.

Hosts → Proxy Hosts → Add Proxy Host 누르기. 이미 hop. 항목이 있으면 Edit.
다음 값 입력.

항목	입력값
Domain Names	`hop.noname.company`
Scheme	`http`
Forward Hostname / IP	2단계에서 입력한 NAS 내부 IP
Forward Port	`50189`
Cache Assets	끄기
Websockets Support	켜기

SSH에서 다음 명령을 실행합니다. 사용자 NAS의 실제 cloudflared-tunnel 네트워크 주소로 hop. 전용 설정을 만듭니다.

sh scripts/print-hop-proxy-config.sh > hop.proxy.conf

cat hop.proxy.conf

나온 내용을 hop.noname.company의 Advanced에 붙여넣습니다. 기존의 같은 세 항목은 출력된 내용으로 교체합니다. 다른 도메인의 설정은 바꾸지 않습니다.
Save 누르기.

이 설정은 Tunnel이 연결하는 Docker 주소를 허용하고 외부에서 원본 IP 헤더를 흉내 내어 들어오는 경로를 차단합니다. 실제 전달 헤더는 Cloudflare의 CF-Connecting-IP를 사용합니다. nginx-proxy-manager-app-1과 cloudflared-tunnel의 이름은 현재 NAS에서 확인한 값입니다. 호스트 네트워크 모드라 네트워크 주소를 얻을 수 없으면 설정을 넓히지 말고 오류를 알려주세요.

NPM이 Docker 컨테이너라면 Forward IP에 127.0.0.1을 입력하지 마세요. 여기서는 NAS 내부 IP를 사용합니다. 기존 Tunnel이 NPM의 8080으로 들어오는 설정은 그대로 유지합니다. NPM에 별도 인증서나 Force SSL을 추가하는 단계는 필요하지 않습니다. 공개 HTTPS는 현재 Cloudflare 경로를 사용합니다. NPM은 공식 문서의 도메인별 전달 기능을 사용합니다.

5. Cloudflare Tunnel에 주소 연결

기존 터널의 Published application routes / Public Hostnames 열기.
hop.noname.company가 기존 NPM으로 전달되는지 확인.
주소가 없다면 hop.noname.company 추가.
Service는 다른 서비스에서 이미 사용 중인 NPM의 8080 주소 그대로 입력.
저장.

8080을 50189로 바꾸지 않습니다. Tunnel은 NPM으로, NPM의 hop. 항목은 50189로 전달합니다.

5-1. HTTP를 HTTPS로 자동 이동

Cloudflare → noname.company → Rules → Redirect Rules → Create rule.
이름: hop HTTPS.
Custom filter expression에 입력:

(http.host eq "hop.noname.company" and http.request.scheme eq "http")

URL redirect 타입: Dynamic.
Target URL expression:

concat("https://hop.noname.company", http.request.uri.path)

상태 코드 301, Preserve query string 켜기 → Deploy.
http://hop.noname.company를 열어 주소창이 https://hop.noname.company로 바뀌는지 확인.

hop.에만 적용합니다. Tunnel → NPM 구간을 HTTP로 사용하는 기존 설정은 유지합니다. Cloudflare 공식 리디렉션 설정.

5-2. 주변 자동 발견 활성화

새 버전의 컨테이너가 실행 중이고 4단계 NPM 설정을 저장한 뒤, NAS의 hop 폴더에서 실행합니다.

sh scripts/enable-nas-discovery.sh

이 명령은 현재 운영 주소를 통한 실제 요청으로 인접 프록시와 Cloudflare 원본 IP 전달을 확인하고, 그 프록시 IP만 .env에 지정합니다. 운영 진단 토큰은 설정 스크립트가 생성하며 화면이나 Git에 공개하지 않습니다.

명령이 성공하면 Docker 앱 → 프로젝트 → hop → 편집.
compose.nas.yaml 다시 불러오기 → 저장.
재배포하여 컨테이너를 새 환경설정으로 다시 생성. 단순 재시작은 환경값을 다시 읽지 않습니다.
PC와 휴대폰을 같은 Wi-Fi에 연결하고 https://hop.noname.company를 열기.
QR 없이 상대 기기가 표시되는지 확인.
휴대폰 Wi-Fi를 끄고 모바일 데이터로 전환 → 다른 네트워크 기기가 목록에서 사라지는지 확인.

확인 중 오류가 나면 자동 발견 설정을 임의로 넓히지 마세요. 오류와 Docker 로그를 알려주세요. 주변 목록은 같은 공인 IP 기준이며 Bluetooth 탐색은 아닙니다. IPv6 주소가 서로 다르거나 VPN을 사용하면 같은 Wi-Fi에서도 자동 목록이 다를 수 있습니다.

NPM 또는 Tunnel 컨테이너를 재생성해 Docker IP가 바뀌었다면 4단계 설정을 다시 출력하여 저장한 뒤 5-2단계를 다시 실행합니다.

6. 동작 확인

브라우저에서 다음 주소를 엽니다.

https://hop.noname.company

PC와 휴대폰을 같은 Wi-Fi에서 열어 주변 기기가 자동으로 보이는지 확인.
다른 네트워크의 기기는 다른 기기 연결 → 연결 공간 만들기 → 만들기. 승인 여부는 만들기 화면에서 선택합니다.
해당 기기에서 QR을 스캔하거나 다른 기기 연결 → 연결 공간 참여 → 4자리 초대 코드 입력 → 참여하기.
참여 후 QR 모달이 닫히고 상대 기기가 보이는지 확인.
상대 기기 선택 → 링크 전송 → 상대에서 수락 → 링크가 열리는지 확인.
작은 파일 전송 → 상대에서 수락 → 다운로드 확인.
가입을 활성화했다면 로그인 → 회원가입에서 실제 이메일로 가입 → Resend 인증 메일 확인 → 로그인.
로그인 상태로 받은 자료가 보관함 → 받은 항목에 표시되는지 확인.

주변 자동 발견은 5-2단계를 실행해 활성화합니다. 임의로 TRUSTED_PROXY_CIDRS에 모든 IP를 넣지 마세요.

운영 비밀번호는 12자 이상입니다. 개발 DB와 1234 테스트 계정은 NAS에 복사되지 않습니다.

모바일에서는 상단 설치 버튼을 누릅니다. Android 등 지원 브라우저는 설치 창이 열리고, iPhone은 Safari의 공유 → 홈 화면에 추가 안내가 열립니다. 설치한 앱 안에서는 설치 버튼을 숨깁니다. 전송은 앱을 열고 인터넷에 연결된 상태에서 합니다. PWA는 파일·전송 기록·API 응답을 오프라인 캐시에 저장하지 않습니다.

용량 설정

환경변수의 MB는 MiB 기준입니다. 2048은 2GiB입니다.

설정	기준
`MAX_FILE_SIZE_MB=2048`	파일 한 개당 최대 2GiB
`USER_STORAGE_LIMIT_MB=2048`	로그인 계정 개인별 보관함 2GiB. 임시 저장·받은 파일 합산, 같은 원본은 한 계정에서 한 번 계산
`GUEST_STORAGE_LIMIT_MB=2048`	비로그인 기기 세션이 서버에 올리는 파일 총량 2GiB. 로그인 후 기기 간 전송도 해당 기기 세션을 사용
`TOTAL_GUEST_STORAGE_LIMIT_MB=20480`	서버 전체 익명 업로드 원본의 합계 20GiB
`MIN_FREE_DISK_MB=5120`	NAS에 최소 5GiB 여유 공간 확보
`DEFAULT_FILE_RETENTION_DAYS=7`	정상 저장한 파일 최대 7일 후 삭제
`ORPHAN_UPLOAD_RETENTION_HOURS=24`	중단·방치한 업로드 조각 정리 기준 24시간

비로그인은 내역 화면이 없습니다. 파일은 서버로 업로드한 뒤 상대가 다운로드하므로, 전송과 정리를 위한 임시 서버 파일은 필요합니다. 로그인한 개인 보관함과 익명 전체 용량은 별도입니다. 직접 보관함 파일을 삭제하거나 만료되면 개인 사용량에서 빠지며, 다른 사람에게 공유된 원본은 마지막 유효 접근권이 끝날 때 물리적으로 삭제됩니다.

개인 한도가 차도 수신·다운로드는 계속합니다. 새로 받은 파일은 받은 항목에 저장하지 않고 짧은 안내를 표시합니다. 직접 저장은 용량 부족 시 거절합니다. 링크·메모는 파일 용량 합계에 포함하지 않습니다. 기존 10GiB 기본값은 설정 스크립트가 2GiB로 바꾸며, 다른 값으로 조정한 설정과 기존 자료는 유지합니다.

대용량 파일: hop.은 파일을 8MiB씩 분할해 업로드합니다. Cloudflare의 Free/Pro 100MB, Business 200MB 제한은 HTTP 요청 한 번의 크기이므로 전체 파일을 그 크기로 제한하지 않습니다. 앱의 파일당 최대 2GiB와 계정·익명 저장소 제한은 유지합니다. 중간 요청 오류는 서버가 받은 위치부터 최대 3회 자동 재시도합니다. 재시도가 끝나면 현재 전송 화면의 ‘다시 전송’을 누릅니다. 브라우저를 재시작하거나 로그아웃한 뒤의 자동 복구는 보장하지 않습니다. 마지막 파일 내용 검증과 저장이 끝나야 수신 자료가 생성됩니다. Cloudflare 업로드 제한.

7. 다음 버전으로 업데이트

사용자가 확인한 NAS 경로에서 진행합니다.

cd /volume1/docker/projects/apps/hop

Docker 앱 → 프로젝트 → hop → 중지.
SSH에서 데이터 백업:

mkdir -p backups

chmod 700 backups

sudo docker volume inspect hop_hop_database hop_hop_uploads >/dev/null

sudo docker run --rm -v hop_hop_database:/source/database:ro -v hop_hop_uploads:/source/uploads:ro -v "$PWD/backups:/backup" alpine:3.22 sh -c 'tar -czf "/backup/hop-$(date +%Y%m%d-%H%M%S).tar.gz" -C /source database uploads'

cp -p .env "backups/env-$(date +%Y%m%d-%H%M%S)"

최신 코드 받기:

git pull --ff-only origin main

배포 YAML 다시 만들기. 기존 .env와 비밀값은 유지됩니다.

sh scripts/configure-nas.sh

Docker 앱 → 프로젝트 → hop → 편집.
최신 compose.nas.yaml을 다시 불러오거나 편집기에 붙여넣기 → 저장.
재빌드 / 이미지 다시 빌드 선택 → 시작 / 재배포. 단순 재시작만 하면 바뀐 코드가 이미지에 반영되지 않습니다.
healthy 확인.
기존 같은 네트워크 자동 발견이 동작한다면 NPM·터널 설정은 그대로 유지합니다. 아직 설정하지 않았다면 4단계 → 5-1단계 → 5-2단계 순서로 진행합니다.
브라우저 새로고침 → 양쪽 기기에서 사이트를 열고 브라우저의 위치 권한을 허용합니다. 약 100m 안이라면 자동으로 목록에 표시됩니다. 별도 검색 메뉴·거리 안내 문구는 표시하지 않습니다. 위치 권한은 각 기기에서 따로 허용해야 합니다.
기기를 선택 → 링크·파일 전송 확인. 기존 PWA도 앱을 닫고 다시 열어 최신 화면을 확인합니다.

기존 .env에 위치 설정이 없어도 LOCATION_DISCOVERY_ENABLED=true, 반경 100m가 적용됩니다. 새 도메인·외부 포트는 필요 없습니다. 실제 GPS 오차나 권한 문제로 검색되지 않으면 QR 연결을 이용하세요. 검색 동작과 기종 정보에 상세 동작을 기록했습니다.

프로젝트를 삭제하거나 docker compose down -v를 실행하지 마세요. DB·파일은 hop_hop_database, hop_hop_uploads 볼륨에 남습니다. 업데이트 실패 시 중지하고 오류를 확인하세요. DB 마이그레이션이 적용됐을 수 있으므로 코드만 되돌리지 말고 같은 시점의 DB·업로드·환경파일 백업으로 함께 복구해야 합니다.

8. 시작 / 중지 / 로그

할 일	누를 위치
시작	Docker → 프로젝트 → hop → 시작
중지	Docker → 프로젝트 → hop → 중지
설정 변경 적용	`.env` 수정 → YAML 재생성 → 프로젝트 편집 → YAML 다시 불러오기 → 재배포
오류 확인	Docker → 컨테이너 → hop 컨테이너 → 로그

SSH에서 실제 설정 중 비밀값 없이 주소·포트만 확인하려면:

grep -E '^(APP_URL|HOP_BIND_IP|HOP_HOST_PORT|HOP_CONTAINER_PORT)=' .env

NAS에서 앱의 상태만 확인하려면:

HOP_NAS_IP=$(sed -n 's/^HOP_BIND_IP=//p' .env)
curl -fsS "http://${HOP_NAS_IP}:50189/api/health"

HTTP 주소는 상태 확인에만 씁니다. 실제 접속·QR·로그인은 https://hop.noname.company를 사용하세요.

환경파일을 YAML에 포함하지 않는 생성 방식은 Docker Compose 공식 문서의 --no-env-resolution을 사용합니다. .env, 생성된 compose.nas.yaml, backups는 Git과 Docker 빌드에서 제외됩니다.

이미지 다운로드 오류가 나올 때

pull access denied for hop.noname.company는 소스 빌드용 로컬 이미지를 외부 레지스트리에서 찾았다는 뜻입니다. 마지막에 컨테이너 생성이 완료됐으면 경고일 수 있으니 Docker 앱에서 실행 상태를 확인합니다.

SSH에서 순서대로 실행하세요.

cd /volume1/docker/projects/apps/hop

git pull --ff-only origin main

sh scripts/configure-nas.sh

Docker 앱에서 새 compose.nas.yaml 다시 불러오기 → 저장 → 재빌드 → 시작 / 재배포 순서로 진행합니다. 새 YAML은 pull_policy: never를 사용합니다. 기존 YAML을 그대로 쓰면 수정이 적용되지 않습니다.

앱에서 빌드 단계를 사용할 수 없으면 앞의 sudo docker compose ... build hop 명령으로 이미지를 먼저 빌드한 뒤 앱에서 시작하세요. docker login이나 볼륨 삭제로 해결하려고 하지 마세요. never의 로컬 이미지 사용 방식은 Docker 공식 문서를 참고했습니다.

초대 코드와 모바일 화면

새 초대 코드는 기본 4자리입니다. 기존 .env를 수정하지 않아도 새 이미지에서 적용됩니다. 업데이트 전에 발급한 8자리 코드와 QR은 원래 만료 시간까지 유효합니다.

나중에 초대 코드를 6자리로 바꾸려면 .env에 SPACE_INVITE_CODE_LENGTH=6을 넣고 YAML 다시 생성 → 프로젝트 편집 → YAML 다시 불러오기 → 재배포합니다. DB나 업로드 볼륨은 그대로 사용합니다.

모바일 기기 설정은 하단 시트로 열리고 입력창을 자동으로 선택하지 않습니다. 사용자가 입력창을 누르면 키보드가 열린 가시 영역에 맞춰 시트 높이를 조정합니다. 로그인·기기명·URL 등 입력 글자는 16px 이상으로 적용하며 화면 확대 기능 자체를 차단하지 않습니다. 파일 전송 중에는 선택한 파일명 아래에 진행률을 표시합니다.

헤더에는 로그인/보관함과 더보기만 표시합니다. 더보기 → 앱 설치 / 테마 / 서비스 정보에서 보조 기능을 사용하세요.

20 KiB Raw Blame History