Raspberry Pi をポート開放不要で公開する方法Cloudflare Tunnel で外出先からアクセス可能にする手順（初心者向け）

Cloudflareにログインできる状態にします
なお、ドメインを持っていることを前提に進めます。(お名前.com：https://www.onamae.com/)

ドメインとは、IPアドレス（数字の住所）を文字の名前に変えたものです。
例：`192.0.2.1` → `example.com`
こうすることで人間でも覚えやすい名前でアクセスできます。
Cloudflare Tunnel では、このドメイン名にアクセスするとCloudflareがラズパイへ中継してくれます。
つまり、ラズパイにイ”ンターネット上の名前”がつきます。

右上の”+add”　→　Enter an existing domainにドメイン名を入力。プランはFreeでOKです。

ドメインを登録すると、DNS Recordsという画面にいきます。
一覧に “mail” がある場合、必ず、DNS only(灰色の雲マーク)に変更してください。
この処理をしないと、メールが届かなくなります。

次の画面ではCloudflareが2つのネームサーバを表示してきます。
例：

leonidas.ns.cloudflare.com
rachel.ns.cloudflare.com

ドメインを取得した会社の管理画面からドメイン設定を探してください。
わたしは、Conohaですが、既存の以下3つを削除し、上記の2つへ変更します。
ns-a1.conoha.io
ns-a2.conoha.io
ns-a3.conoha.io

この変更の反映には、30分から2時間かかることがあります。

url -fsSL https://pkg.cloudflare.com/cloudflare-main.gpg | sudo tee /usr/share/keyrings/cloudflare-main.gpg >/dev/null echo 'deb [signed-by=/usr/share/keyrings/cloudflare-main.gpg] https://pkg.cloudflare.com/cloudflared bookworm main' | sudo tee /etc/apt/sources.list.d/cloudflared.list sudo apt update sudo apt install cloudflared -y

上記をラズパイで実行します。

cloudflared --version

バージョンが表示されたら成功です。

ラズパイを Cloudflare アカウントと「ペアリング」します

cloudflared tunnel login

ラズパイの画面に長いURLが表示されますので、そのURLをPCのブラウザに貼ります。

Cloudflareにログインするとドメイン一覧が出ているはずです。そこで先程登録したドメインを選択し、「Authorize」

そこまで実施すると、ラズパイ側に以下の表示がでます。

You have successfully logged in.

これで、「このラズパイはあなたのドメインの一部として動作OK」という許可証がラズパイに発行されたことになります

現在は許可証があるだけですので、通路を作ります。

rasp5はサンプルです。自由に変えてください。

cloudflared tunnel create rasp5

成功すると、~/.cloudflared/xxxxxxxx.json が作られます。
このjsonファイルはトンネルの鍵です。

また、IDも発行されますので取っておきましょう。

Created tunnel rasp5 with id xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

ここまでうまく言っているか確認しておきましょう。

ls ~/.cloudflared

以下の2つが出てくればOKです。Cloudflareとラズパイの専用回線は開通しています。

cert.pem　　　　　　# ラズパイの身分証明書
(長いUUID).json　　# トンネルの鍵

まだ外から開けることはできませんが、ドアの配線工事が完了した状態です。

URLをつくりましょう。”pi.”という文字列+取得済みのドメイン名としていますが、”pi.”の部分は任意の文字列でOKです。今回は、rasp5で許可証を作っていますので以下のようになります。

cloudflared tunnel route dns rasp5 pi.example.com

ラズベリーパイで設定ファイルを作ります。

nano ~/.cloudflared/config.yml

真っ黒の画面になりますので以下を登録します。

tunnel: （作成されたID） 
credentials-file: /home/ユーザー/.cloudflared/（同ID）.json 
ingress:
 - hostname: pi.example.com 
　 service: http://localhost:80
 - service: http_status:404

簡単なwebサーバーで動作確認しておきましょう。

sudo apt install nginx -y

トンネルを起動。”rasp5”はご自身の名称に変更して下さい

cloudflared tunnel run rasp5

スマホのWiFiをOFFにした状態で、URLにアクセスしてみます。
・502 → トンネルは成功
・nginx画面 → 完全に成功
・接続不可　→　DNS反映まち

トンネルの起動を自動化しておきます。

sudo cloudflared service install

sudo systemctl enable cloudflared
sudo systemctl start cloudflared

systemctl status cloudflared

これで、active(running)がでれば成功です

ラズパイを再起動します。Wi-Fi OFFのスマホでURLが見れたら成功です。
yamlファイルが見つからない、というエラーが出た場合は以下を試してみてください

sudo mkdir -p /etc/cloudflared
sudo cp ~/.cloudflared/config.yml /etc/cloudflared/config.yml
sudo cp ~/.cloudflared/*.json /etc/cloudflared/
sudo cp ~/.cloudflared/cert.pem /etc/cloudflared/

再インストールしてみます。STEP12をもう一度やってみてください