リモート開発環境#
前提#
サーバーを購入したくないが、家に余っているデバイス（例えば NAS など）がある
必要な内容#
サーバー、無料ドメイン、Cloudflare アカウント
操作#
自分のサーバーに SSH をインストールして有効にする
ドメインを Cloudflare にホスティングする
Cloudflare の左側のゼロトラストをクリック
ネットワークのトンネルをクリック
次にトンネルを作成をクリックし、自分でトンネルを作成する
右側の 3 つの点をクリックし、設定をクリック
その後、サーバーに戻り、自分のサーバーシステムに応じてインストールを選択
次に上部の公共ホスト名をクリック
公共ホスト名を追加をクリックし、サブドメインは自由に設定、後ろのドメインはトンネル作成時にバインドしたドメイン名にし、タイプは SSH を選択、URL は実測で localhost を入力しても問題ありません
設定が完了したら、あなたの PC の VSCode を開き、プラグインで SSH を検索し、remota-ssh をインストール
インストールが完了すると、隣にアイコンが表示されるので、それをクリック
次に SSH の隣の設定ボタンをクリック
最初のものを選択すれば大丈夫
ホストには先ほど設定したドメインを入力し、ユーザーはログインするユーザーです。ここではキーでログインしているので、IdentityFile のファイルパスがあります。無ければこの行を削除し、パスワードでログインします
保存後、隣にホストが表示されます
矢印は現在のウィンドウで接続し、後ろのものは新しいウィンドウで開きます
しかし、今は接続できません。なぜなら Cloudflared の内網を通しているからです。なので、PC に Cloudflared クライアントをインストールする必要があります
https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/downloads/にアクセスし、自分のオペレーティングシステムに応じてインストールを選択
インストール後、接続をクリックし、少し待ちます
自分が作成したプロジェクトのフォルダを選択し、直接プロジェクトを作成
こちらのサーバーの開発環境はすでに構築されているので、直接作成します
その後、デバイスを変更して開発する場合は、Cloudflared クライアントをインストールし、VSCode に remota-ssh プラグインをインストールするだけで大丈夫です。Node.js や node_modules を繰り返しインストールする必要はありません。結局、node_modules はあなたのコンピュータに大きなものを引っ張ったようなものです