VSコードを使用したAmazon EC2のリモート開発：便利で効率的なクラウド開発エクスペリエンス
この記事では、便利で効率的なクラウド開発を実現するために、Amazon EC2でVSコードリモート開発環境を構成する方法をガイドします。 この方法には、強力な携帯性、高いスケーラビリティ、生産と開発環境の同期、スムーズな開発プロセス、高い信頼性の利点があります。ただし、切断による作業の喪失を避けるためには、安定したネットワーク接続が重要であることに注意する必要があります。
キーポイント：
- Amazon EC2でコードリモート開発をセットアップすることにより、コードの移植性、スケーラビリティ、生産および開発環境の同期、シームレスな開発エクスペリエンス、およびより高い信頼性を実現できます。ただし、これには、切断による作業損失を回避するために安定したネットワーク接続が必要です。
AWSサーバーの作成と構成には、AWS管理コンソールにログインし、Ubuntuを優先バージョンとして選択し、インスタンスタイプとしてT2.microを選択し、着信SSH接続を可能にし、新しいキーペアを作成することが含まれます。 -
Visual Studioコード拡張機能のインストールと構成には、リモートSSH拡張機能のインストールと、サーバーのIPアドレスと秘密キーパスを使用してリモートSSH拡張機能の構成が含まれます。 -
テスト設定には、前のステップで作成されたホスト構成への接続とワーキングディレクトリの選択が含まれます。このチュートリアルには、デモノードサーバーを作成する手順も含まれています。 -
リモート開発は、単にリモートサーバー上での開発に関するものです。ローカルマシンは、SSHを介してクラウドサーバーに接続されています。 SSHは、安全なシェルまたはセキュアソケットシェルの略です。これは、端末を介して2つのコンピューター間で安全に通信するプロトコルです。
画像出典：code.visualStudio.com
Amazon Elastic Compute Cloud（EC2）は、物理的なコンピューターの管理の責任を処理せずにアプリケーション（サーバー）を構築するためのスケーラブルなコンピューティングリソースを提供します。この場合、Visual Studioコードエディターを使用し、SSH接続を介してEC2インスタンスに接続します。
予防策
このチュートリアルを学ぶには、次の条件を満たす必要があります。
LinuxベースのオペレーティングシステムまたはWSL2がインストールされたWindows 10。
SSHクライアントがマシンにインストールされています。このクライアントは、ほとんどのLinuxマシンの標準として含める必要があります。そうでない場合は、サポートされているクライアントのこのリストを参照してください。 -
アクティブ化されたAWSアカウント。持っていない場合は、公式のチュートリアルに従ってください。 -
リモート開発の長所と短所-
操作方法を導入する前に、まずリモート開発の理由を理解しましょう。サーバー開発の利点と短所の一部を以下に示します。
まず、利点：
-
送話性：インターネットアクセスを備えた任意のデバイスを使用してエンコードできます。コードはローカルマシンにバインドされていないため、利用可能なデバイスを使用していつでもいつでもエンコードできます。
-
堅牢なパフォーマンス：ワークロードに基づいてリモートサーバーを簡単にスケーリングできます。いくつかのデータサイエンスワークロードを処理するために、32GB RAM AMD EPYCインスタンスを開始するのは非常に簡単です。
-
生産および開発環境の同期：生産環境と同様のリモート開発環境を持つことにより、展開の問題を最小限に抑えることができます。
-
シームレスな開発：リモートエンコードを使用すると、現在のプロジェクトに特化した環境を作成できます。たとえば、プロジェクトには、LIBPNGやImageMagickなどのMySQL、C、およびシステムライブラリの異なるバージョンが必要になる場合があります。これらの異なるバージョンを管理するのは非常に面倒です。それらから生じるエラーは再現が困難です。
-
信頼性：クラウドサーバーは、ローカルマシンよりもはるかに信頼性が高くなります。構成によっては、サーバーデータを世界のさまざまな地域のサーバーにコピーできます。
今、欠点を見てみましょう。
リモート環境でエンコードを避ける主な理由は、リモートサーバーにアクセスするためにインターネット接続が必要であることです。インターネット接続が高速で、リモート開発エクスペリエンスは、ファイルを開いたり、作成したり、タイピングしたり、リモートサーバーを使用してコマンドラインと対話するときに自然に感じられます。ただし、3Gネットワークが遅い場合は、サーバーから切断される可能性があり、その結果、数秒から分の範囲の作業が失われる可能性があります。
次に、記事の中核に到達しましょう - 無料のEC2インスタンスを設定し、ローカルvsコードエディターに接続します。
AWSサーバーを作成および構成
クラウドインスタンスを作成および構成する方法を段階的に学びましょう。
AWS管理コンソールにログインします。
AMI選択ページで、ubuntuを検索し、希望するバージョンを選択します。スキーマがx86に設定されていることを確認してください。 X86アーキテクチャは、ARMと比較してより広いソフトウェアサポートがあるため、使用します。
インスタンスタイプとしてt2.microを選択します。
残りのステップをデフォルト設定として残してください。ストレージステップの追加に移動します。少なくとも24GBを使用することをお勧めします。 node.js用に開発している場合、NPMライブラリはかなりのスペースを占有し、より少ないスペースを使用すると海峡に置かれる可能性があるため、注意することをお勧めします。
Config Security Group Stepにアクセスすると、SSH接続を入力する必要があります。2つのオプションがあります。
すべての着信IPアドレスを有効にする：このオプションを選択すると、IPアドレスがSSHポートにアクセスできるようになります。 -
私のIP：セキュリティがより重要な場合は、ドロップダウンメニューからこのオプションを選択して、IPアドレスを自分のみに制限します。 -
[スタート]をクリックすると、SSHキーペアを選択または作成するように求められます。 [新しいキーペアを作成]を選択します。キーペアに名前を付けます。
キーペアのダウンロードボタンをクリックして、秘密のキーファイルを取得します。これにより、便利なディレクトリに保存し、そのディレクトリパスに注意する必要があるPEMファイルがダウンロードされます。
次に、[インスタンスの開始]ボタンをクリックすると、EC2インスタンスが作成プロセスを開始します。インスタンスページに移動すると、新しく作成されたインスタンスが見つかります。
最後に、インスタンスをクリックして詳細ページに移動し、パブリックIPv4 DNSアドレスに注意します。
このアドレスをインスタンスの「ホスト名」と呼びます。
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パーツは必要に応じて再編成でき、複製情報は合理化されています。）
以上がAmazon EC2で無料でコードリモート開発をセットアップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
