VScode SSH パブリック ネットワークを使用して、ローカル サーバー開発にリモート接続します (パブリック ネットワーク IP イントラネットの侵入はありません)

序文

XShell、Putty などのリモート接続サーバー ツールが多数あり、SSH 経由でサーバーにリモート接続することもできますが、コードを記述するには不便であり、ローカルでコードを記述してからソース コードを転送する必要がある場合があります。サーバーに送信されます。写真を直接見ることはできません...

vscode はこれらの問題をうまく解決できます。そのコア コンポーネントはすべてリモート環境で実行されます。ローカルの開発マシンにはリモート開発環境のソース コードがまったく必要ありません。vscode で書かれたコードは、vscode に直接更新できます。スムーズなリモート開発エクスペリエンスを実現します。

そこで、この記事ではvscodeによるリモート開発を実現し、イントラネットペネトレーションを行うことでパブリックネットワーク環境でのリモート接続を実現したり、外部のサーバーにリモート接続してコードを開発・記述したりすることも可能です。

1.OpenSSHをインストールする

Windows のスタート ページを開き、直接検索しPowerShell、最初のページを開いてWindows PowerShell、[管理者として実行] をクリックします。

ここに画像の説明を挿入

開いたら、次のコマンドを入力します。

Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

現時点での結果は、OpenSSH がコンピューターにインストールされていないことです。
ここに画像の説明を挿入

OpenSSH がすでにインストールされている場合は、この手順をスキップします。そうでない場合は、次のコマンドを入力します。

Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

ここに画像の説明を挿入

最終結果は次のようになります。これは、OpenSSH のインストールが成功したことを意味します。

ここに画像の説明を挿入

OpenSSH のインストールが成功したことが表示されたら、ローカル cmd を開いて次のように入力した後、コマンド ssh を入力します。

ssh

結果が次のように表示されれば、それは正しいです。

ここに画像の説明を挿入

2. vscode で ssh を設定する

Windows に vscode をインストールし、インストールが成功したら開きます。

左側のツールバーで拡張機能をクリックし、「ssh」を検索し、インストールする最初の拡張機能を選択しますRemote - SSH(すでにインストールしているため、現時点では無効になっています)

ここに画像の説明を挿入

左下隅にある「設定」ボタンをクリックし、「設定」をクリックします。

ここに画像の説明を挿入

スクリーンショットのプロンプトに従って、Show Login Terminalこのオプションを見つけてチェックします

ここに画像の説明を挿入

左側のツールバーのボタンをクリックして远程リモート接続を表示し、SSH TARGETS以下に示すサーバーの横のボタンをクリックして接続します。

ここに画像の説明を挿入

3. リモートサーバーに接続するための LAN テスト

例として、ubuntu への ssh 接続を考えます。vscode を開いた後、まず LAN アドレス ssh リモート ubuntu を使用してみます。

ダイアログ ボックスにコマンドを入力し、Enter キーを押します。

ssh  username@ip

ここに画像の説明を挿入

プロフィールを選択してください

ここに画像の説明を挿入

入力が完了すると、右側に新しく追加したssh接続が表示されるので、-->アイコンをクリックして接続し、パスワードを入力するだけです。

ここに画像の説明を挿入

緑色のサインが表示され、接続が成功したことを示します

ここに画像の説明を挿入

4. パブリックネットワーク経由のリモート接続

現時点では、ローカル エリア ネットワーク内でのみリモート制御を実行できますが、これには一定の制限があります。ただし、パブリック ネットワーク環境でのリモート接続を実現するには、イントラネット ペネトレーションを使用します。ここでは、cpolar イントラネット ペネトレーション ツールを使用してこれを実現します。パブリック ネットワーク IP やルーターの設定は不要で、操作は簡単です。

cpolar公式サイト: https: //www.cpolar.com/

4.1 ubuntu のインストール cpolar イントラネットの浸透

このチュートリアルでは、ubuntu グラフィカル システムを使用します。ワンクリックでスクリプトの自動インストールをサポートする[cpolar intranet penetration] ( cpolar - 安全なイントラネット侵入ツール) をubuntu にインストールして設定する必要があります。

  • 国内設置
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • または cpolar ショートリンクのインストール方法: (海外向け)
curl -sL https://git.io/cpolar | sudo bash
  • バージョン番号を確認し、正常に表示されていればインストール成功です。
cpolar version
  • トークン認証

cpolar 公式 Web サイトの背景にログインし、左側の検証をクリックして認証トークンを表示し、コマンド ラインにトークンを貼り付けます。

cpolar authtoken xxxxxxx

ここに画像の説明を挿入

  • 簡易侵入テスト
cpolar http 8080

対応するパブリック ネットワーク アドレスが正常に生成された場合は、ctrl+c を押して終了します。

  • システムにサービスを追加する
sudo systemctl enable cpolar
  • cpolarサービスを開始する
sudo systemctl start cpolar
  • サービスの状態を確認し、下図のように表示されていればactive起動状態です。
sudo systemctl status cpolar

ここに画像の説明を挿入

cpolar のインストールと構成が完了したら、ブラウザーでローカル ポート 9200 にアクセスし、cpolar 電子メール アカウントを使用して cpolar Web UI 管理インターフェイスにログインします。

ここに画像の説明を挿入

cpolar が正常にインストールされると、デフォルトで 2 つのサンプル トンネルがインストールされます。これらは自分で編集または削除できます。

  • ssh トンネル: ローカル ポート 22、TCP プロトコルを指す
  • Web サイト トンネル: ローカル ポート 8080、HTTP プロトコルを指す

4.2 トンネルマップの作成

サンプル トンネル ssh を直接使用することも、tcp プロトコルを使用してポート 22 を指すトンネルを再作成することもできます。左側のダッシュボードで [トンネル管理] - [トンネルの作成] をクリックします。

  • トンネル名: カスタマイズ可能、重複しないように注意してください
  • プロトコル: tcp
  • ローカルアドレス: 22
  • ポートタイプ: ランダムな一時的な TCP ポート
  • 地域: 中国VIP

クリック创建
ここに画像の説明を挿入

トンネルが正常に作成されたら、左側のステータス - オンライン トンネル リストをクリックすると、作成したばかりのトンネルによって対応するパブリック ネットワーク アドレスが生成されたことがわかります。それをコピーします。

ここに画像の説明を挿入

4.3 パブリックネットワークのリモート接続をテストする

Windows で vscode を開き、コピーしたパブリック ネットワーク アドレスをリモート SSH に使用します。

SSH TARGETS以下に示すサーバーの横にあるボタンをクリックして接続します
ここに画像の説明を挿入

追加した接続が左側に表示されない場合は、下のボタンをクリックして更新してください

ここに画像の説明を挿入

次に、小さな矢印をクリック --> 接続し、ssh タイプを選択し、linux を選択します

ここに画像の説明を挿入

ここに画像の説明を挿入

パラメータとパスワードを入力するとリモートで成功します。これは便利で迅速です。

ここに画像の説明を挿入

ここに画像の説明を挿入

リモート接続が成功したことを示す次の情報が表示されます。

ここに画像の説明を挿入

5. 固定 TCP ポート アドレスを構成する

上記で作成されたトンネルはランダムな一時的な TCP ポートを選択するため、生成されるパブリック ネットワーク アドレスは 24 時間以内にランダムに変更され、長期間のリモート アクセスが必要なユーザーにとっては不便です。ただし、リモート接続用に固定アドレスを設定できるため、後続のリモートはリモートの前にランダムなパブリック ネットワーク アドレスをチェックする必要がありません。

注: 固定 TCP ポート アドレスの構成機能をサポートするには、プロフェッショナル バージョン パッケージ以降にアップグレードする必要があります。

5.1 固定 TCP ポート アドレスを予約する

cpolar 公式 Web サイトを開き、公式 Web サイトの背景https://dashboard.cpolar.com/reservedにログインし、左側の予約をクリックして、固定 TCP ポート アドレスを予約しましょう。

  • 地域: 中国を選択
  • 説明: カスタマイズ可能なメモです。

アドレスが正常に予約されると、システムは対応する固定パブリック ネットワーク アドレスを生成し、それをコピーします。

ここに画像の説明を挿入

5.2 固定 TCP ポート アドレスの構成

ubuntu システムでブラウザを開いてローカル ポート 9200 にアクセスし、cpolar Web UI 管理インターフェイスにログインします。左側の [トンネル管理] - [トンネル リスト] をクリックし、SSH トンネルを見つけて、右側の [編集] をクリックします。トンネル情報を変更して、トンネルに固定 TCP ポート アドレスを構成します。

ここに画像の説明を挿入

トンネル情報を変更し、正常に予約された固定 TCP アドレスをトンネルに設定します。

  • ポートタイプ: 固定 TCP ポートに変更されました
  • 予約済みの TCP アドレス: 正常に予約されたアドレスを入力します。

「更新」をクリックします

ここに画像の説明を挿入

トンネルが正常に更新されたら、左側のダッシュボードのステータス (オンライン トンネルのリスト) をクリックし、SSH トンネルを見つけます。パブリック ネットワーク アドレスが固定 TCP アドレスに更新されたことがわかります。

ここに画像の説明を挿入

5.3 リモートの固定パブリック ネットワーク アドレスをテストする

vscode を開き、SSH 接続の追加を選択します

ここに画像の説明を挿入

予約済みの TCP アドレスを使用して接続する

ここに画像の説明を挿入

ここに画像の説明を挿入

リフレッシュする

ここに画像の説明を挿入

アドレスを更新し、右側の小さな矢印「–>」をクリックして接続します。次のプロンプトが表示されます。「yes」と入力します。

ここに画像の説明を挿入

接続が成功したことを示す緑色のメッセージが表示されます。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_74760716/article/details/132493653
おすすめ