VSCode はリモート SSH を使用してリモート Linux サーバー開発に接続します [リモート開発]

CSDN リモート ペネトレーションの記事からの転載: [vscode リモート開発] SSH を使用してサーバーにリモート接続する「イントラネット ペネトレーション」

序文

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

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

そこで、この記事のチュートリアルでは、vscode を介してリモート開発を実現し、パブリック ネットワーク環境でのリモート接続を実現するためにイントラネットへの侵入を行います. また、外部のどこにあるサーバーにもリモート接続してコードを開発および記述できます.

ビデオチュートリアル

【vscodeリモート開発】SSHを使ってサーバーにリモート接続する「イントラネット侵入」

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 のインストールが成功したことが表示されたら、ローカル コマンドを開き、次のように入力した後、コマンド 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 イントラネット ペネトレーションを 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 を直接使用するか、ポート 22 を指す tcp プロトコルを使用してトンネルを再作成できます。左側のダッシュボードで [Tunnel Management] - [Create Tunnel] をクリックします。

  • トンネル名: カスタマイズ可能、繰り返さないように注意
  • プロトコル: 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 管理インターフェイスにログインします。左側の [Tunnel Management - Tunnel List] をクリックし、ssh トンネルを見つけて、右側の [Edit] をクリックし、トンネル情報を変更して、固定 TCP ポート アドレスをトンネルに設定します。

ここに画像の説明を挿入

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

  • ポートの種類: 固定の tcp ポートに変更
  • 予約済み TCP アドレス: 予約に成功したアドレスを入力します

更新をクリックします

ここに画像の説明を挿入

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

ここに画像の説明を挿入

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

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

ここに画像の説明を挿入

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

ここに画像の説明を挿入

ここに画像の説明を挿入

リフレッシュ

ここに画像の説明を挿入

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

ここに画像の説明を挿入

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

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_61486963/article/details/129958952