検索
ホームページテクノロジー周辺機器IT業界Amazon EC2で無料でコードリモート開発をセットアップする

VSコードを使用したAmazon EC2のリモート開発:便利で効率的なクラウド開発エクスペリエンス

この記事では、便利で効率的なクラウド開発を実現するために、Amazon EC2でVSコードリモート開発環境を構成する方法をガイドします。 この方法には、強力な携帯性、高いスケーラビリティ、生産と開発環境の同期、スムーズな開発プロセス、高い信頼性の利点があります。ただし、切断による作業の喪失を避けるためには、安定したネットワーク接続が重要であることに注意する必要があります。

キーポイント:

  • Amazon EC2でコードリモート開発をセットアップすることにより、コードの移植性、スケーラビリティ、生産および開発環境の同期、シームレスな開発エクスペリエンス、およびより高い信頼性を実現できます。ただし、これには、切断による作業損失を回避するために安定したネットワーク接続が必要です。
  • AWSサーバーの作成と構成には、AWS管理コンソールにログインし、Ubuntuを優先バージョンとして選択し、インスタンスタイプとしてT2.microを選択し、着信SSH接続を可能にし、新しいキーペアを作成することが含まれます。
  • Visual Studioコード拡張機能のインストールと構成には、リモートSSH拡張機能のインストールと、サーバーのIPアドレスと秘密キーパスを使用してリモートSSH拡張機能の構成が含まれます。
  • テスト設定には、前のステップで作成されたホスト構成への接続とワーキングディレクトリの選択が含まれます。このチュートリアルには、デモノードサーバーを作成する手順も含まれています。
リモート開発は、単にリモートサーバー上での開発に関するものです。ローカルマシンは、SSHを介してクラウドサーバーに接続されています。 SSHは、安全なシェルまたはセキュアソケットシェルの略です。これは、端末を介して2つのコンピューター間で安全に通信するプロトコルです。

画像出典:code.visualStudio.comSetting Up VS Code Remote Development for Free on Amazon EC2

Amazon Elastic Compute Cloud(EC2)は、物理的なコンピューターの管理の責任を処理せずにアプリケーション(サーバー)を構築するためのスケーラブルなコンピューティングリソースを提供します。この場合、Visual Studioコードエディターを使用し、SSH接続を介してEC2インスタンスに接続します。

予防策

このチュートリアルを学ぶには、次の条件を満たす必要があります。

LinuxベースのオペレーティングシステムまたはWSL2がインストールされたWindows 10。

    SSHクライアントがマシンにインストールされています。このクライアントは、ほとんどのLinuxマシンの標準として含める必要があります。そうでない場合は、サポートされているクライアントのこのリストを参照してください。
  1. アクティブ化されたAWSアカウント。持っていない場合は、公式のチュートリアルに従ってください。
  2. リモート開発の長所と短所
  3. 操作方法を導入する前に、まずリモート開発の理由を理解しましょう。サーバー開発の利点と短所の一部を以下に示します。

まず、利点:

  • 送話性:インターネットアクセスを備えた任意のデバイスを使用してエンコードできます。コードはローカルマシンにバインドされていないため、利用可能なデバイスを使用していつでもいつでもエンコードできます。
  • 堅牢なパフォーマンス:ワークロードに基づいてリモートサーバーを簡単にスケーリングできます。いくつかのデータサイエンスワークロードを処理するために、32GB RAM AMD EPYCインスタンスを開始するのは非常に簡単です。
  • 生産および開発環境の同期:生産環境と同様のリモート開発環境を持つことにより、展開の問題を最小限に抑えることができます。
  • シームレスな開発:リモートエンコードを使用すると、現在のプロジェクトに特化した環境を作成できます。たとえば、プロジェクトには、LIBPNGやImageMagickなどのMySQL、C、およびシステムライブラリの異なるバージョンが必要になる場合があります。これらの異なるバージョンを管理するのは非常に面倒です。それらから生じるエラーは再現が困難です。
  • 信頼性:クラウドサーバーは、ローカルマシンよりもはるかに信頼性が高くなります。構成によっては、サーバーデータを世界のさまざまな地域のサーバーにコピーできます。

今、欠点を見てみましょう。

リモート環境でエンコードを避ける主な理由は、リモートサーバーにアクセスするためにインターネット接続が必要であることです。インターネット接続が高速で、リモート開発エクスペリエンスは、ファイルを開いたり、作成したり、タイピングしたり、リモートサーバーを使用してコマンドラインと対話するときに自然に感じられます。ただし、3Gネットワ​​ークが遅い場合は、サーバーから切断される可能性があり、その結果、数秒から分の範囲の作業が失われる可能性があります。

次に、記事の中核に到達しましょう - 無料のEC2インスタンスを設定し、ローカルvsコードエディターに接続します。

AWSサーバーを作成および構成

クラウドインスタンスを作成および構成する方法を段階的に学びましょう。

AWS管理コンソールにログインします。

Setting Up VS Code Remote Development for Free on Amazon EC2

Setting Up VS Code Remote Development for Free on Amazon EC2

AMI選択ページで、ubuntuを検索し、希望するバージョンを選択します。スキーマがx86に設定されていることを確認してください。 X86アーキテクチャは、ARMと比較してより広いソフトウェアサポートがあるため、使用します。

Setting Up VS Code Remote Development for Free on Amazon EC2

インスタンスタイプとしてt2.microを選択します。

Setting Up VS Code Remote Development for Free on Amazon EC2

残りのステップをデフォルト設定として残してください。ストレージステップの追加に移動します。少なくとも24GBを使用することをお勧めします。 node.js用に開発している場合、NPMライブラリはかなりのスペースを占有し、より少ないスペースを使用すると海峡に置かれる可能性があるため、注意することをお勧めします。

Setting Up VS Code Remote Development for Free on Amazon EC2

Config Security Group Stepにアクセスすると、SSH接続を入力する必要があります。2つのオプションがあります。

    すべての着信IPアドレスを有効にする:このオプションを選択すると、IPアドレスがSSHポートにアクセスできるようになります。
  • Setting Up VS Code Remote Development for Free on Amazon EC2
  • 私のIP:セキュリティがより重要な場合は、ドロップダウンメニューからこのオプションを選択して、IPアドレスを自分のみに制限します。
  • Setting Up VS Code Remote Development for Free on Amazon EC2
[スタート]をクリックすると、SSHキーペアを選択または作成するように求められます。 [新しいキーペアを作成]を選択します。キーペアに名前を付けます。

Setting Up VS Code Remote Development for Free on Amazon EC2

キーペアのダウンロードボタンをクリックして、秘密のキーファイルを取得します。これにより、便利なディレクトリに保存し、そのディレクトリパスに注意する必要があるPEMファイルがダウンロードされます。

次に、[インスタンスの開始]ボタンをクリックすると、EC2インスタンスが作成プロセスを開始します。インスタンスページに移動すると、新しく作成されたインスタンスが見つかります。

Setting Up VS Code Remote Development for Free on Amazon EC2

最後に、インスタンスをクリックして詳細ページに移動し、パブリックIPv4 DNSアドレスに注意します。

Setting Up VS Code Remote Development for Free on Amazon EC2

このアドレスをインスタンスの「ホスト名」と呼びます。

Visual Studioコード拡張機能のインストールと構成

リモートSSHとコード拡張機能のインストール

vsコードをインストールした後、エディターで[拡張機能]タブを開き(ショートカットキーを使用することを選択できます

ctrl

shiftx >)、展開プログラム市場で「リモートSSH」を検索します。 リモートSSH拡張機能を見つけてインストールして、それが正しい拡張機能であることを確認します(Microsoftによって作成され、この執筆時点でインストールされていることは430万です)。

リモートSSH拡張子を構成

エディターの左下隅にある新しいボタンをクリックします。これにより、コマンドパネルが開きます。ここでは、remote-ssh:configurationファイルを開く必要があります。

Setting Up VS Code Remote Development for Free on Amazon EC2

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ボタンをクリックし、[接続]をクリックして、ドロップダウンメニューに表示されるホストをクリックします。

Setting Up VS Code Remote Development for Free on Amazon EC2

別のドロップダウンメニューが表示されます。前のステップで作成したホスト構成(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

を使用してアクセスできることがわかります。 Setting Up VS Code Remote Development for Free on Amazon EC2

トラブルシューティング

作成したインスタンスに接続する問題がある場合は、トラブルシューティングのヒントを次に示します。

  1. 構成ファイルをチェックして、秘密のキーファイルパスが正しいことを確認します。
  2. ホスト名が正しいことを確認してください。
  3. AWSインスタンスファイアウォール設定を確認してください。特定のIPを許可するように設定した場合は、現在のIPが変更されていないことを確認してください。
  4. AWSインスタンスを再起動すると、IPアドレスが変更されるため、新しいIPアドレスで構成ファイルを更新することを忘れないでください。

結論

このチュートリアルでは、無料のAWS T2.microインスタンスを作成しました。ローカルマシンからSSH接続を許可し、リモートSSH拡張機能を介して接続するように設定します。最後に、リモート環境で作成したポート転送サーバーにアクセスできます。

Amazon EC2のコードリモート開発とコードコードのFAQ

(記事が長すぎて記事の内容が大きく繰り返されているため、FAQパーツは省略されています。PAQパーツは必要に応じて再編成でき、複製情報は合理化されています。)

以上がAmazon EC2で無料でコードリモート開発をセットアップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
2025年に購読する上位21の開発者ニュースレター2025年に購読する上位21の開発者ニュースレターApr 24, 2025 am 08:28 AM

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

AWS ECSとLambdaを備えたサーバーレス画像処理パイプラインAWS ECSとLambdaを備えたサーバーレス画像処理パイプラインApr 18, 2025 am 08:28 AM

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

CNCF ARM64パイロット:インパクトと洞察CNCF ARM64パイロット:インパクトと洞察Apr 15, 2025 am 08:27 AM

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

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

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

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

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

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール