Macがサーバーになる！Cloudflare Tunnelで自分のPCを外部公開してみた
この記事でわかること
- Cloudflare Tunnelって何？
- 使い方（インストール不要）
- 実際に使ってみた
- 注意点
- ngrokとの違い
- まとめ
ゲームをスマホで確認したい。でもサーバーにアップロードするのは面倒。
そんなときに使えるのが Cloudflare Tunnel（trycloudflare.com）です。コマンド1行で自分のMacを外部公開できて、しかも無料です。
Cloudflare Tunnelって何？
簡単に言うと「自分のPCを一時的にサーバーにしてくれるサービス」です。
通常、家のMacはルーターの内側にいるので、外からアクセスできません。でもCloudflare Tunnelを使うと、Cloudflareのサーバーが中継役になって外部からアクセスできるURLを発行してくれます。
スマホ → Cloudflare → あなたのMac
Cloudflareは世界最大級のネットワーク会社で、サービスの信頼性も高いです。
使い方（インストール不要）
npmが入っていれば、インストールなしで使えます。
① ローカルサーバーを起動する
# ゲームフォルダに移動して
cd /path/to/your/project
python3 -m http.server 8765
② トンネルを開く
npx cloudflared tunnel --url http://localhost:8765
少し待つと、こんなURLが表示されます。
https://feel-win-expected-brass.trycloudflare.com
このURLをスマホのブラウザで開けばOKです。
実際に使ってみた
TyranoScript（ビジュアルノベルエンジン）で作ったAI学習ゲームをスマホで動作確認したくて使いました。
画面サイズをスマホ縦向き（540×960）に調整したあと、サーバーにアップロードせずそのままスマホで確認できたのでとても助かりました。
開発中の「ちょっと確認したい」場面にぴったりです。
注意点
| 項目 | 内容 |
|---|---|
| URLの有効期限 | Macが起動している間だけ |
| URLの固定 | できない（毎回変わる） |
| アクセス制限 | URLを知っている人なら誰でも入れる |
| 用途 | テスト・動作確認専用 |
URLが毎回変わるので、本番公開には向きません。あくまでテスト用途です。
ngrokとの違い
同じような「トンネルツール」としてngrokが有名ですが、Cloudflare Tunnelはアカウント登録なしで使えるのが大きな違いです。
| Cloudflare Tunnel | ngrok | |
|---|---|---|
| アカウント | 不要 | 必要（無料プランあり） |
| インストール | npxで即使える | 要インストール |
| URL固定 | 有料プランのみ | 有料プランのみ |
| 速度 | 速い | 速い |
お手軽さでいえば Cloudflare Tunnel のほうが上です。
まとめ
python3 -m http.serverでローカルサーバーを立てるnpx cloudflared tunnel --url http://localhost:ポート番号でURLを発行- スマホから確認できる
開発中のちょっとした動作確認に、これからも活用していきたいと思います。
関連記事
TAG
