ホームページ >テクノロジー周辺機器 >IT業界 >Amazon EC2で無料でコードリモート開発をセットアップする
この記事では、便利で効率的なクラウド開発を実現するために、Amazon EC2でVSコードリモート開発環境を構成する方法をガイドします。 この方法には、強力な携帯性、高いスケーラビリティ、生産と開発環境の同期、スムーズな開発プロセス、高い信頼性の利点があります。ただし、切断による作業の喪失を避けるためには、安定したネットワーク接続が重要であることに注意する必要があります。
キーポイント:
画像出典:code.visualStudio.com
予防策
LinuxベースのオペレーティングシステムまたはWSL2がインストールされたWindows 10。
今、欠点を見てみましょう。
リモート環境でエンコードを避ける主な理由は、リモートサーバーにアクセスするためにインターネット接続が必要であることです。インターネット接続が高速で、リモート開発エクスペリエンスは、ファイルを開いたり、作成したり、タイピングしたり、リモートサーバーを使用してコマンドラインと対話するときに自然に感じられます。ただし、3Gネットワークが遅い場合は、サーバーから切断される可能性があり、その結果、数秒から分の範囲の作業が失われる可能性があります。
次に、記事の中核に到達しましょう - 無料のEC2インスタンスを設定し、ローカルvsコードエディターに接続します。
クラウドインスタンスを作成および構成する方法を段階的に学びましょう。
AWS管理コンソールにログインします。
残りのステップをデフォルト設定として残してください。ストレージステップの追加に移動します。少なくとも24GBを使用することをお勧めします。 node.js用に開発している場合、NPMライブラリはかなりのスペースを占有し、より少ないスペースを使用すると海峡に置かれる可能性があるため、注意することをお勧めします。
Config Security Group Stepにアクセスすると、SSH接続を入力する必要があります。2つのオプションがあります。
次に、[インスタンスの開始]ボタンをクリックすると、EC2インスタンスが作成プロセスを開始します。インスタンスページに移動すると、新しく作成されたインスタンスが見つかります。
このアドレスをインスタンスの「ホスト名」と呼びます。
Visual Studioコード拡張機能のインストールと構成リモートSSHとコード拡張機能のインストール
shiftx >)、展開プログラム市場で「リモートSSH」を検索します。 リモートSSH拡張機能を見つけてインストールして、それが正しい拡張機能であることを確認します(Microsoftによって作成され、この執筆時点でインストールされていることは430万です)。
エディターの左下隅にある新しいボタンをクリックします。これにより、コマンドパネルが開きます。ここでは、remote-ssh:configurationファイルを開く必要があります。
SSH構成ファイルがポップアップします(拡張機能が複数の構成ファイルを認識している場合、現在のユーザーの構成ファイルを選択します)。ここで、次の構成を入力できます。
<code>Host VS Code-ssh-tutorial HostName <hostname> User ubuntu IdentityFile <path to identity file></path></hostname></code>
この方法では、リモート開発環境をセットアップしました。次に、node.jsを使用して簡単なデモアプリケーションを作成しましょう。
デモノードサーバーを作成します
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コードエディターの右下隅に小さなポップアップウィンドウがポップアップします。<code class="language-javascript">//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>
<code>node index.js</code>
ブラウザで開き、エディターでプレビューする2つのオプションがあります。どちらを選択しても、サーバーのポートがlocalhostに転送され、
localhost:3000を使用してアクセスできることがわかります。
トラブルシューティング
作成したインスタンスに接続する問題がある場合は、トラブルシューティングのヒントを次に示します。
Amazon EC2のコードリモート開発とコードコードのFAQ
(記事が長すぎて記事の内容が大きく繰り返されているため、FAQパーツは省略されています。PAQパーツは必要に応じて再編成でき、複製情報は合理化されています。)以上がAmazon EC2で無料でコードリモート開発をセットアップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。