ngrok がなんか面倒な感じだったので Cloudflare Tunnel の Quick Tunnels を使ったら、良かった話

技術メモ | 5日前

ngrok がなんか面倒な感じだったので Cloudflare Tunnel の Quick Tunnels を使ったら、良かった話

By: 「Lately（レイトリー）」編集部

技術・開発

手元でしか動いていないサーバーを遠方の誰かに見せたい ことってたまにありますよね。

一時的にしか公開する必要がなく、見せた後には消してしまいたい。

そういうケースだと、どこかのサーバーにデプロイするのは大げさ且つ面倒です。

この記事のポイント

一時的にローカルサーバーを外部公開をしたい際はツールを使うと気軽に可能
以前は ngrok がこの用途に便利だったが、仕様変更があり手軽さが減っていた
Cloudflare Tunnel の Quick Tunnels は、以前の ngrok と同じ使い勝手で使えて同じことが実現可能で便利

以前は同じ様な用途で ngrok を使用した

以前、同じ様な目的で ngrok を使用し、手軽で便利だったので、今回も使用しようと考えました。

今回も ngrok をつかってみると…

早速 ngrok を使ってみると…

1
ngrok http 4321 # localhost:4321 を公開したい

1
ERROR:  authentication failed: Usage of ngrok requires a verified account and authtoken.
2
ERROR:
3
ERROR:  Sign up for an account: https://dashboard.ngrok.com/signup
4
ERROR:  Install your authtoken: https://dashboard.ngrok.com/get-started/your-authtoken
5
ERROR:
6
ERROR:  ERR_NGROK_4018
7
ERROR:  https://ngrok.com/docs/errors/err_ngrok_4018
8
ERROR:

アカウントを作れとややこしいことを言われました。

以前はこんな事なかったような…。

前回は使ってみて、手軽だった記憶があるので、軽く調べてみたら、やはり仕様変更があったようです。

以前は設定なしで利用できていましたが、少し前にアカウント登録が必要になりました。

アカウントが必要になったngrokの利用準備手順

ngrok を使用するためには、アカウント登録が必須となりました。以前は（Webの記事を見る限り）、アカウント登録せずともトンネリングが使用できていたようです。

2024年版 ngrok を使用したローカルサイトの公開について（アカウント登録など必要） #ngrok - Qiita

思い出した Cloudflare Tunnel

ngrok がパッと使用できないとわかったので、少し考えていると、ngrok と同じ様なサービスを Cloudflare が提供しはじめた、というニュースを見たのを思い出しました。

どうせなら、使ったことのないものを使ってみようと、今回は Cloudflare Tunnel を使ってみることにしました。

より詳しくいうと、今回使う機能は Cloudflare Tunnel の Quick Tunnels という機能になるようです。

Cloudflare Tunnel を使ってみる

インストール

まず Cloudflare Tunnel に必要な cloudflared をインストールします。

Downloads · Cloudflare Zero Trust docs

1
brew install cloudflared

外部へ公開

そして Web サーバーがローカルで起動した状態で cloudflared を実行します。

1
cloudflared tunnel --url localhost:4321 # localhost:4321 を外部に公開したい

1
INF Thank you for trying Cloudflare Tunnel. Doing so, without a Cloudflare account, is a quick way to experiment and try it out. However, be aware that these account-less Tunnels have no uptime guarantee, are subject to the Cloudflare Online Services Terms of Use (https://www.cloudflare.com/website-terms/), and Cloudflare reserves the right to investigate your use of Tunnels for violations of such terms. If you intend to use Tunnels in production you should use a pre-created named tunnel by following: https://developers.cloudflare.com/cloudflare-one/connections/connect-apps
2
INF Requesting new quick Tunnel on trycloudflare.com...
3
INF +--------------------------------------------------------------------------------------------+
4
INF |  Your quick Tunnel has been created! Visit it at (it may take some time to be reachable):  |
5
INF |  https://<RANDOM_SUBDOMAIN>.trycloudflare.com                                              |
6
INF +--------------------------------------------------------------------------------------------+