記事ディレクトリ
序文
XShell、Putty など、サーバーにリモート接続するためのツールは多数あります。ssh を介してリモートからサーバーに接続できますが、これはコードを記述するのには不便です。コードをローカルに記述してから、ファイルを転送する必要がある場合があります。ソースコードをサーバーにアップロードして実行するため、Web サイト上の画像を直接見ることはできません。
vscode はこれらの問題をうまく解決します. そのコアコンポーネントはすべてリモート環境で実行されます. ローカル開発マシンにはリモート開発環境のソースコードがまったく必要ありません. vscode に書かれたコードは同期してサーバーに直接更新できます、スムーズなリモート開発エクスペリエンスをもたらします。
したがって、この記事のチュートリアルでは、vscode を使用してリモート開発を実装し、cpolar イントラネットの侵入を通じてパブリック ネットワーク環境にリモート接続を実装します。これにより、どこにいてもサーバーにリモート接続してコードを開発および作成できます。
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 テスト接続
ssh で ubuntu に接続する場合を例として、vscode を開いた後、まず LAN アドレスを使用してリモートの ubuntu に ssh 接続してみます。
ダイアログ ボックスにコマンドを入力し、Enter キーを押します。
ssh username@ip
プロフィールを選択してください
入力が完了すると、右側に先ほど追加したssh接続が表示されるので、->アイコンをクリックして接続し、入力パスワードが表示されるので、パスワードを入力します。
緑色のサインは接続が成功したことを示します
4.公衆ネットワークリモート接続
現時点では、LAN 内でのみリモート操作を実行できますが、これにはいくつかの制限があります。ただし、パブリック ネットワーク環境でのリモート接続を実現するには、イントラネット ペネトレーションを使用します。ここでは、cpolar というツールを使用してイントラネットへの侵入を実現します。パブリック IP アドレスやルーターは必要なく、操作は簡単です。
cpolar公式サイト： https: //www.cpolar.com/
4.1 cpolar イントラネットペネトレーションを ubuntu にインストールする
このチュートリアルでは、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 を直接使用することも、tcp プロトコルを使用してポート 22 を指すトンネルを再作成することもできます。左側のダッシュボードで [トンネル管理] - [トンネルの作成] をクリックします。
- トンネル名: カスタマイズ可能、重複しないように注意してください
- プロトコル: tcp
- ローカルアドレス: 22
- ポートタイプ: ランダムな一時的な TCP ポート
- 地域: 中国VIP
クリック创建
トンネルが正常に作成されたら、左側の [ステータス] - [オンライン トンネル リスト] をクリックすると、作成したトンネルによって対応するパブリック ネットワーク アドレスが生成されたことがわかります。
4.3 パブリックネットワークのリモート接続をテストする
Windows で vscode を開き、コピーしたパブリック アドレスを使用してリモート SSH に接続します。
SSH TARGETS以下に示すサーバーの横にあるボタンをクリックして接続します
追加した接続が左側に表示されない場合は、下のボタンをクリックして更新してください
次に、小さな矢印 --> [接続] をクリックし、ssh タイプを選択し、[linux] を選択します。
パラメータとパスワードを入力すると、リモートで成功するため、便利で高速です。
リモート接続が成功したことを示す次のメッセージが表示されます。
5. 固定 TCP ポート アドレスを構成する
上記で作成されたトンネルはランダムな一時的な TCP ポートを選択するため、生成されるパブリック ネットワーク アドレスは 24 時間以内にランダムに変更され、長時間リモートにいる必要があるユーザーにとっては不便です。ただし、リモート接続時に固定アドレスを設定できるため、リモート接続前にランダムなパブリックアドレスを確認する必要がありません。
注: 固定 TCP ポート アドレスを構成する機能をサポートするには、Professional Edition パッケージ以降にアップグレードする必要があります。
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」と入力します。
接続が成功したことを示す緑色のメッセージが表示されます。
