VSコードを使用したAmazon EC2のリモート開発:便利で効率的なクラウド開発エクスペリエンス
この記事では、便利で効率的なクラウド開発を実現するために、Amazon EC2でVSコードリモート開発環境を構成する方法をガイドします。 この方法には、強力な携帯性、高いスケーラビリティ、生産と開発環境の同期、スムーズな開発プロセス、高い信頼性の利点があります。ただし、切断による作業の喪失を避けるためには、安定したネットワーク接続が重要であることに注意する必要があります。
キーポイント:
- Amazon EC2でコードリモート開発をセットアップすることにより、コードの移植性、スケーラビリティ、生産および開発環境の同期、シームレスな開発エクスペリエンス、およびより高い信頼性を実現できます。ただし、これには、切断による作業損失を回避するために安定したネットワーク接続が必要です。 AWSサーバーの作成と構成には、AWS管理コンソールにログインし、Ubuntuを優先バージョンとして選択し、インスタンスタイプとしてT2.microを選択し、着信SSH接続を可能にし、新しいキーペアを作成することが含まれます。
- Visual Studioコード拡張機能のインストールと構成には、リモートSSH拡張機能のインストールと、サーバーのIPアドレスと秘密キーパスを使用してリモートSSH拡張機能の構成が含まれます。
- テスト設定には、前のステップで作成されたホスト構成への接続とワーキングディレクトリの選択が含まれます。このチュートリアルには、デモノードサーバーを作成する手順も含まれています。
画像出典:code.visualStudio.com
予防策
このチュートリアルを学ぶには、次の条件を満たす必要があります。
LinuxベースのオペレーティングシステムまたはWSL2がインストールされたWindows 10。
- SSHクライアントがマシンにインストールされています。このクライアントは、ほとんどのLinuxマシンの標準として含める必要があります。そうでない場合は、サポートされているクライアントのこのリストを参照してください。
- アクティブ化されたAWSアカウント。持っていない場合は、公式のチュートリアルに従ってください。
- リモート開発の長所と短所
- 操作方法を導入する前に、まずリモート開発の理由を理解しましょう。サーバー開発の利点と短所の一部を以下に示します。
まず、利点:
- 送話性:インターネットアクセスを備えた任意のデバイスを使用してエンコードできます。コードはローカルマシンにバインドされていないため、利用可能なデバイスを使用していつでもいつでもエンコードできます。
- 堅牢なパフォーマンス:ワークロードに基づいてリモートサーバーを簡単にスケーリングできます。いくつかのデータサイエンスワークロードを処理するために、32GB RAM AMD EPYCインスタンスを開始するのは非常に簡単です。
- 生産および開発環境の同期:生産環境と同様のリモート開発環境を持つことにより、展開の問題を最小限に抑えることができます。
- シームレスな開発:リモートエンコードを使用すると、現在のプロジェクトに特化した環境を作成できます。たとえば、プロジェクトには、LIBPNGやImageMagickなどのMySQL、C、およびシステムライブラリの異なるバージョンが必要になる場合があります。これらの異なるバージョンを管理するのは非常に面倒です。それらから生じるエラーは再現が困難です。
- 信頼性:クラウドサーバーは、ローカルマシンよりもはるかに信頼性が高くなります。構成によっては、サーバーデータを世界のさまざまな地域のサーバーにコピーできます。
今、欠点を見てみましょう。
リモート環境でエンコードを避ける主な理由は、リモートサーバーにアクセスするためにインターネット接続が必要であることです。インターネット接続が高速で、リモート開発エクスペリエンスは、ファイルを開いたり、作成したり、タイピングしたり、リモートサーバーを使用してコマンドラインと対話するときに自然に感じられます。ただし、3Gネットワークが遅い場合は、サーバーから切断される可能性があり、その結果、数秒から分の範囲の作業が失われる可能性があります。
次に、記事の中核に到達しましょう - 無料のEC2インスタンスを設定し、ローカルvsコードエディターに接続します。
AWSサーバーを作成および構成
クラウドインスタンスを作成および構成する方法を段階的に学びましょう。
AWS管理コンソールにログインします。
残りのステップをデフォルト設定として残してください。ストレージステップの追加に移動します。少なくとも24GBを使用することをお勧めします。 node.js用に開発している場合、NPMライブラリはかなりのスペースを占有し、より少ないスペースを使用すると海峡に置かれる可能性があるため、注意することをお勧めします。
Config Security Group Stepにアクセスすると、SSH接続を入力する必要があります。2つのオプションがあります。
- すべての着信IPアドレスを有効にする:このオプションを選択すると、IPアドレスがSSHポートにアクセスできるようになります。
-
-
次に、[インスタンスの開始]ボタンをクリックすると、EC2インスタンスが作成プロセスを開始します。インスタンスページに移動すると、新しく作成されたインスタンスが見つかります。
このアドレスをインスタンスの「ホスト名」と呼びます。
Visual Studioコード拡張機能のインストールと構成
リモートSSHとコード拡張機能のインストール
vsコードをインストールした後、エディターで[拡張機能]タブを開き(ショートカットキーを使用することを選択できます
ctrlshiftx >)、展開プログラム市場で「リモートSSH」を検索します。
リモートSSH拡張機能を見つけてインストールして、それが正しい拡張機能であることを確認します(Microsoftによって作成され、この執筆時点でインストールされていることは430万です)。
リモートSSH拡張子を構成
エディターの左下隅にある新しいボタンをクリックします。これにより、コマンドパネルが開きます。ここでは、remote-ssh:configurationファイルを開く必要があります。

SSH構成ファイルがポップアップします(拡張機能が複数の構成ファイルを認識している場合、現在のユーザーの構成ファイルを選択します)。ここで、次の構成を入力できます。
<code>Host VS Code-ssh-tutorial
HostName <hostname>
User ubuntu
IdentityFile <path to identity file></path></hostname></code>
ホストは任意の名前にすることができます。これは、VSコードで表示されます。 -
ホスト名はサーバーのIPアドレスです。 EC2インスタンスを作成するときにこれを書き留めました。 -
ユーザーはデフォルトのubuntuユーザー名です(この場合はubuntu)。 -
IdentityFileは、先ほどダウンロードした秘密鍵(PEMファイル)へのフルパスです。 -
テスト設定
左下隅にあるリモートSSHボタンをクリックし、[接続]をクリックして、ドロップダウンメニューに表示されるホストをクリックします。
別のドロップダウンメニューが表示されます。前のステップで作成したホスト構成(vs code-ssh-tutorial)を選択します。すべてがうまくいけば、ワーキングディレクトリを選択するように依頼する新しいエディターウィンドウが表示されます。
この方法では、リモート開発環境をセットアップしました。次に、node.jsを使用して簡単なデモアプリケーションを作成しましょう。
デモノードサーバーを作成します
ショートカットキーを使用して端子を開きます:
Ctrl Shift `を使用して、次のコマンドを使用してnode.jsをインストールします。
次に、test:
という新しいディレクトリにindex.jsファイルを作成します。
<code>sudo apt update
sudo apt install nodejs</code>
index.jsファイルに次のものを入れます:
<code>mkdir test && cd test && touch index.js</code>
サーバー端末に次のコマンドを使用してこのテストサーバーを実行します。
このコードを実行した後、以下に示すように、VSコードエディターの右下隅に小さなポップアップウィンドウがポップアップします。 //index.js
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
<code>node index.js</code>
ブラウザで開き、エディターでプレビューする2つのオプションがあります。どちらを選択しても、サーバーのポートがlocalhostに転送され、
localhost:3000を使用してアクセスできることがわかります。
トラブルシューティング
作成したインスタンスに接続する問題がある場合は、トラブルシューティングのヒントを次に示します。
- 構成ファイルをチェックして、秘密のキーファイルパスが正しいことを確認します。
- ホスト名が正しいことを確認してください。
- AWSインスタンスファイアウォール設定を確認してください。特定のIPを許可するように設定した場合は、現在のIPが変更されていないことを確認してください。
- AWSインスタンスを再起動すると、IPアドレスが変更されるため、新しいIPアドレスで構成ファイルを更新することを忘れないでください。
結論
このチュートリアルでは、無料のAWS T2.microインスタンスを作成しました。ローカルマシンからSSH接続を許可し、リモートSSH拡張機能を介して接続するように設定します。最後に、リモート環境で作成したポート転送サーバーにアクセスできます。
Amazon EC2のコードリモート開発とコードコードのFAQ
(記事が長すぎて記事の内容が大きく繰り返されているため、FAQパーツは省略されています。PAQパーツは必要に応じて再編成でき、複製情報は合理化されています。)
リモートSSHとコード拡張機能のインストール
vsコードをインストールした後、エディターで[拡張機能]タブを開き(ショートカットキーを使用することを選択できます
ctrlshiftx >)、展開プログラム市場で「リモートSSH」を検索します。 リモートSSH拡張機能を見つけてインストールして、それが正しい拡張機能であることを確認します(Microsoftによって作成され、この執筆時点でインストールされていることは430万です)。
リモートSSH拡張子を構成
エディターの左下隅にある新しいボタンをクリックします。これにより、コマンドパネルが開きます。ここでは、remote-ssh:configurationファイルを開く必要があります。
SSH構成ファイルがポップアップします(拡張機能が複数の構成ファイルを認識している場合、現在のユーザーの構成ファイルを選択します)。ここで、次の構成を入力できます。
<code>Host VS Code-ssh-tutorial HostName <hostname> User ubuntu IdentityFile <path to identity file></path></hostname></code>
- ホストは任意の名前にすることができます。これは、VSコードで表示されます。
- ホスト名はサーバーのIPアドレスです。 EC2インスタンスを作成するときにこれを書き留めました。
- ユーザーはデフォルトのubuntuユーザー名です(この場合はubuntu)。
- IdentityFileは、先ほどダウンロードした秘密鍵(PEMファイル)へのフルパスです。
左下隅にあるリモートSSHボタンをクリックし、[接続]をクリックして、ドロップダウンメニューに表示されるホストをクリックします。
この方法では、リモート開発環境をセットアップしました。次に、node.jsを使用して簡単なデモアプリケーションを作成しましょう。
デモノードサーバーを作成します
ショートカットキーを使用して端子を開きます:
CtrlShift `を使用して、次のコマンドを使用してnode.jsをインストールします。 次に、test:
という新しいディレクトリにindex.jsファイルを作成します。<code>sudo apt update sudo apt install nodejs</code>
index.jsファイルに次のものを入れます:
<code>mkdir test && cd test && touch index.js</code>
サーバー端末に次のコマンドを使用してこのテストサーバーを実行します。
このコードを実行した後、以下に示すように、VSコードエディターの右下隅に小さなポップアップウィンドウがポップアップします。//index.js const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); });
<code>node index.js</code>
ブラウザで開き、エディターでプレビューする2つのオプションがあります。どちらを選択しても、サーバーのポートがlocalhostに転送され、
localhost:3000を使用してアクセスできることがわかります。
トラブルシューティング
作成したインスタンスに接続する問題がある場合は、トラブルシューティングのヒントを次に示します。
- 構成ファイルをチェックして、秘密のキーファイルパスが正しいことを確認します。
- ホスト名が正しいことを確認してください。
- AWSインスタンスファイアウォール設定を確認してください。特定のIPを許可するように設定した場合は、現在のIPが変更されていないことを確認してください。
- AWSインスタンスを再起動すると、IPアドレスが変更されるため、新しいIPアドレスで構成ファイルを更新することを忘れないでください。
結論
このチュートリアルでは、無料のAWS T2.microインスタンスを作成しました。ローカルマシンからSSH接続を許可し、リモートSSH拡張機能を介して接続するように設定します。最後に、リモート環境で作成したポート転送サーバーにアクセスできます。Amazon EC2のコードリモート開発とコードコードのFAQ
(記事が長すぎて記事の内容が大きく繰り返されているため、FAQパーツは省略されています。PAQパーツは必要に応じて再編成でき、複製情報は合理化されています。)以上がAmazon EC2で無料でコードリモート開発をセットアップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

これらのトップ開発者ニュースレターを使用して、最新のハイテクトレンドについてお知らせください! このキュレーションされたリストは、AI愛好家からベテランのバックエンドやフロントエンド開発者まで、すべての人に何かを提供します。 お気に入りを選択し、Relを検索する時間を節約してください

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

SublimeText3 中国語版
中国語版、とても使いやすい

ドリームウィーバー CS6
ビジュアル Web 開発ツール

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

WebStorm Mac版
便利なJavaScript開発ツール

ホットトピック









