やったこと
Sakura VPSを利用しているのですが、Teratermでログインしてviでコーディングというスタイルには限界を感じ
クラウドIDE(AWS Cloud9)経由で利用できるようにしました。
Cloud9でSakura VPSに接続している様子です (これだけ見てもわからないですね...)
ファイルブラウザ、高機能なエディタ、構文解析支援などなど、これでコーディングがはかどる！
必要なもの
以下の物はすでにあるものとして話を進めます
- AWSのアカウント
- Sakura VPSの契約
- Sakura VPSにSSH接続できるツール(Teratermなど)
手順
1. 22番ポートの開放
Sakura VPSの22番ポート(SSH)を開放します
Sakura VPSのコントロールパネルにログインし、サーバ一覧から対象のサーバを選択
「パケットフィルタ」のタブを選択し、22番ポートが開放されていることを確認します
もし解放されていなければ、「パケットフィルタ設定へ」をクリックし開放ポートを追加してください
2. AWS Cloud9に新規開発環境を作りSakura VPSと接続する
2-1. AWS Cloud9を開き「Cloud9を始める」をクリックします
2-2. 「Create environment」をクリックします
2-3. Step 1 Name environment では NameとDescriptionを適当に設定して、Next stepを押します
2-4. Step 2 Configure settings では、"Create and run in remote server (SSH connection) を選択し、Userに Sakura VPS のログインアカウント、Hostに Sakura VPS のGlobal IPアドレスを入力します。そして、"Copy key to clipboard"をクリックしSSH Keyをクリップボードにコピーしておきます。※この時点でまだ Next Step は押さないでください
2-5. Sakura VPSのコントロールパネルで「公開鍵」>>「鍵追加＞」を選らびます。名前は適当に入力。公開鍵にクリップボードの内容をペーストし「追加」を押します
2-6. Cloud9の画面に戻り Next Step を押します。
2-7. SSH Key(公開鍵)の設定がうまくいっていれば、Step 3 Review画面が表示されるので、Create environmentをクリックします
3. Sakura VPSに必要なツールをインストールする
3-1. node.jsとnpmのインストール
Sakura VPSにTeratermで接続し、node.jsとnpmをインストールします
$ sudo apt-get update
$ sudo apt-get install -y nodejs npm
$ sudo npm cache clean
$ sudo npm install n -g
$ sudo -E n stable
$ sudo ln -sf /usr/local/bin/node /usr/bin/node
$ sudo apt-get purge -y nodejs npm
$ sudo apt -y autoremove
$ sudo npm install require
もしかすると、node.jsとnpmをインストールしないと、手順2-6か2-7でエラーが出るかもしれません。
その時は、3-1を実行してからもう一度やってみてください。
3-2. c9-install.shの実行
手順2-7でCreate environmentをクリックすると、以下のダイアログが表示されます。
See C9-installをクリックして、c9-install.shを取得してください。
c9-install.shをscpなどを利用して Sakura VPS 上にコピーします。
Sakura VPSで c9-install.sh を実行します
※chownはroot:rootのままだと色々Permissionのエラーが出るために、その対応
$ chmod 777 c9-install.sh
$ sudo ./c9-install.sh
$ find .c9 -exec sudo chown ユーザ名:グループ {} \;
4. AWS Cloud9 installerをうまく抜ける
手順3で Sakura VPS に必要なツールはインストールしたので、
Cloud9からインストールする必要はありません。
うまいタイミングで、インストーラーをキャンセルします。
↓
↓
この画面で Cancel を押す！
タイミングが遅すぎると、インストール失敗の画面になります
Previousをクリックしてもう一度 Cancel を狙ってください
うまく cancel できれば、この画面にたどり着きます。
Finish を押すと、Cloud9が起動し、Sakura VPSとの接続が確立されます。
これで設定は完了。
AWS Cloud9での快適なコーディングをお楽しみください！
参考にさせていただいた記事
既存EC2インスタンスにAWS Cloud9を構築する
https://qiita.com/yube/items/57c3454c9e9517c7edf5