#はじめに
AWS EC2でNodeをインストールし、Node.jsで開発を始めたいがリモートサーバでどうやって開発していいものか、、、
方法としては、2つ
- ターミナルで「Vim」コマンドを使い、その都度ファイルを開いて書き込んでいく。
- VScodeの拡張機能を使い、EC2上のファイルをローカルのVSCodeと同期し、そのまま編集、保存する
1は何か面倒そう、、VScodeの方が慣れているし2で行こう！
#SFTP
今回はVScodeのSFTPという拡張機能を使うことにします。
まず、AWSでEC2インスタンスを立ち上げて、ターミナルからSSH接続させておきます。
今度はVScodeの方へ行き、SFTPをインストールします。
インストールし終わったら、Windowsなら「Ctrl + Shift + P」、Macなら「Cmd + Shift + P」を入力し、「SFTP: config」を選択してください(SFTPのUsageにも書いてあります。)。そうするとExplolerにsftp.jsonというファイルが出てきます。そこにEC2の場合、以下のように入力してください。
中身を簡単に説明します。
- name ⇨ なんでも良い
- host ⇨ EC2インスタンスのパブリックIPアドレス
- protocol ⇨ 転送するためのプロトコル。sftpかftp。安全性が高いのはsftp
- port ⇨ SSH接続で使っているポート番号。22
- username ⇨ EC2インスタンスのログインユーザー名(ec2-user)
- privateKeyPath ⇨ SSH接続の秘密鍵の配置場所
- remotePath ⇨ サーバーを保存する階層
- uploadOnsave ⇨ ここをtrueにしておくと保存した時に自動的にサーバーにアップロードされる。
EC2インスタンスで開発する場合、上と同じ設定にしてもらえれば大丈夫かと思います。
入力、保存し終わったらWindowsなら「Ctrl + shft + P」、Macなら「Cmd + Shft + P」を入力して「SFTP：List ALL」から編集したいインスタンス上のディレクトリまで進んでください。
そこで「.choose current folder」をクリックすると、自分のExplorerに編集したいフォルダーが現れ、編集可能になります。
今回下の二つの記事を参考にさせていただきました。ありがとうございました。
参考資料①https://www.karelie.net/vscode-sftp/
参考資料②https://qiita.com/humuhimi/items/7d8d49c88a8d306df89f
他の主な機能の「ファイルのアップロード」「差分表示」「同期」については参考資料①を見てください。
これで大分開発が捗るはず、、