[워프월드 16] Cloudflare Tunnel 만들고 도메인 붙이기

결과부터 보세요

$ cloudflared tunnel route dns wp-phone blog.example.com
INF Added CNAME blog.example.com which will route to this tunnel

$ tail -2 ~/cf-tunnel.log
INF Registered tunnel connection connIndex=2 ...
INF Registered tunnel connection connIndex=3 ...

▲ 연결이 4개(connIndex 0~3) 등록되면 터널이 정상으로 열린 거예요.

준비물

• Cloudflare에서 활성화된 도메인 (15편)
• 8080 포트에서 워드프레스가 열리는 폰 서버

따라 하기

1. cloudflared를 설치해요.

pkg install -y cloudflared

1. 로그인해요. 폰에서 실행하면 긴 주소가 출력돼요.

cloudflared tunnel login

1. 그 주소를 PC 브라우저에서 열어요. Cloudflare에 로그인하고, 연결할 도메인을 골라 승인(Authorize)을 눌러요. 승인되면 폰의 ~/.cloudflared 폴더에 cert.pem이 자동으로 생겨요.
2. 터널을 만들어요. 이름은 마음대로 정해도 돼요. 출력되는 터널 ID를 메모해요.

cloudflared tunnel create wp-phone

1. 도메인 주소를 터널에 연결해요. blog.example.com을 실제로 쓸 주소로 바꿔요. Cloudflare DNS에 기록이 자동으로 추가돼요.

cloudflared tunnel route dns wp-phone blog.example.com

1. 설정 파일을 만들어요. 여기에_터널_ID 두 곳을 메모한 ID로 바꿔요.

cat > ~/.cloudflared/config.yml <<'EOF'
tunnel: 여기에_터널_ID
credentials-file: /data/data/com.termux/files/home/.cloudflared/여기에_터널_ID.json
ingress:
  - hostname: blog.example.com
    service: http://localhost:8080
  - service: http_status:404
EOF
cloudflared tunnel ingress validate

1. 터널을 켜요. 터미널을 닫아도 계속 돌도록 백그라운드로 실행하고 로그를 남겨요.

setsid nohup cloudflared tunnel run wp-phone > ~/cf-tunnel.log 2>&1 < /dev/null &

1. 브라우저에서 도메인을 열어요. 자물쇠 표시와 함께 워드프레스가 보이면 성공이에요. 주소가 이상하게 바뀌면 다음 글에서 고쳐요.

cert.pem에는 Cloudflare 계정 권한이 들어 있어요. 백업 폴더나 공유 폴더에 그대로 올리지 마세요.

막히는 곳

• 도메인을 열면 530이나 1033 오류가 나와요. 터널이 꺼져 있는 거예요. pgrep -af cloudflared로 확인하고 터널을 다시 켜세요. 저도 처음엔 터널을 안 켜서 530을 봤어요.
• 502 Bad Gateway가 나와요. 터널은 열렸는데 폰의 nginx나 php-fpm이 꺼져 있어요.
• login 주소를 폰에서 열 수가 없어요. SSH로 PC에서 실행하면 주소를 PC에 복사할 수 있어요.
• route dns에서 이미 기록이 있다고 나와요. Cloudflare DNS에 같은 이름의 기록이 있어요. 지우거나 -f 옵션으로 덮어써요.

받는 결과: 내 도메인으로 폰 서버에 접속돼요. 다음 글에서 워드프레스 주소를 도메인으로 고정해요.

다음 글 · 17/21워드프레스 주소 고정하고 HTTPS 확인하기워드프레스가 도메인 주소와 HTTPS를 쓰도록 고정해요.

← 이전 글: 도메인을 Cloudflare에 연결하기