ZAPAブログ2.0

さくらのVPSの CentOS 8 サーバーに、 Amazon AWS Cloud9 をインストールしたときのメモです。


開発に利用するマシンが複数台ある場合、一般的にはマシンごとに開発環境の設定値が異なり、それだけでストレスがたまります。ローカルファイルやオンラインファイルの同期も必要です。今の時代、開発環境もすべてクラウド上で構築できるなら、そちらの方が楽です。

Cloud9は、WebからアクセスできるオンラインIDE（統合開発環境）です。Webブラウザさえあれば、どのマシンからでもコードを記述、実行、デバッグできます。エディタの操作については、コード補完、コードヒント候補、エラー表示、ドラッグ＆ドロップ操作、Ctrl＋Sで保存など、まるでPCネイティブのアプリケーションを操作しているような感覚でブラウザから開発できます。ターミナル、プレビュー表示、テーマ、キーボードショートカットなどの機能も備えています。クラウドベースのため、オフィス、自宅、移動中、布団の中…どこでも同じ環境でプログラミングすることができます。Cloud9の初期設定さえ済ませれば、「プログラミングに必要なものはブラウザだけ」という夢の環境を構築できることになります。開発マシンの種類や性能は問われません。

また、Cloud9 IDEは、C 、 C ++ 、PHP、Ruby、Perl、Python 、Node.jsを伴うJavaScript 、Goなどの複数のプログラミング言語をサポートしています。Cloud9自体は、JavaScriptでほぼ完全に記述され、バックエンドでNode.jsが使われています。Cloud9は2016年7月にAmazonが買収しました。AWSユーザーには有名な開発環境となっています。

Cloud9は、実はAWS以外のサーバーでも利用できます。ということで、さくらのVPSの CentOS 8.1 サーバーに、 Amazon AWS Cloud9 をインストールしてみたというわけです。Amazon公式で解説されている「AWS Cloud9 インストーラ」を使えば簡単にインストールできそうですが、実際には難しかったので、手順を追ってログとして残しておきます。

Node.jsのインストール確認

まずは、Cloud9のバックエンドとして動いているNode.jsのインストールから。ターミナルから「node -v」と打って、サーバーにnodejsがインストール済みか確認。

Node.jsのインストール

バージョン確認で何か表示が出てきたらインストール済み。インストールされていなかったら、以下の方法でCentOS8.1にnodejsをインストールできる。
インストールしたnodeとnpmのバージョン確認。

Node.jsのアンインストール

上記の方法でnodejsはインストールできるが、npmのパッケージが古いとかいろいろ問題が出てきて、今後のバージョン管理にも不具合が出てきそうだったので、上記方法でのnodejs管理方法はやめ。

いきなりnodejsをアンインストール。

nodebrewのインストール

nodejsを直接インストールする代わりに、nodebrewをインストール。

以下のように表示されれば、nodebrewのインストールに成功。

環境変数を追加。

パスが通っているか確認。「nodebrew 1.0.1」等と表示されればOK。

Node.js公式ページを見て、node.js最新推奨版（LTS）をバイナリでインストールする（バイナリだと、インストールが速い！）。「Installed successfully」と表示されればOK。

使用するnodejsのバージョンを指定。以下のuseコマンドを打って、「use v12.18.1」等と表示されればOK。インストールするnode.jsと使用するバージョンの切り替えが簡単なので、nodebrewは圧倒的に楽。

続いて、npmのバージョンを確認。「6.14.5」等と表示されればOK。
これでNode.jsとnpmの利用準備は完了。

Python 2.7 をインストール。

Cloud9にはPython3系ではなく、Python2.7を使う。Python 2.7 をインストール。

gitのインストール確認

次はgitのインストール（すでにインストールされていれば必要なし）。

ここが超難関のglibc-staticのインストール。

上記コマンドを打っても、以下のエラーが返ってきてインストールできない。

実は、glibc-staticは、Red Hat系OSからは削除されている。インストールは推奨されていない。

それでも無理やりglibc-staticをインストールするなら、以下のコマンドで（自己責任で）。

GitHubとの連携設定

GitHubと連携するため、SSH認証用の鍵を作る。事前にGitHubのアカウントが必要。アカウントがない場合は、アカウントを作っておく。

作った公開鍵を開く。中身の文字列を全てコピーする。

GitHubの方で、「SSH and GPG keys」を選択し、コピーした文字列をGitHubに登録


コンフィグファイルの作成。

configファイルに以下のように記述して保存。

動作確認。下記コマンドで、「Hi ユーザー名! You've successfully authenticated,」と表示されればOK。

Cloud9のインストール

ようやく、Cloud9のインストールに取りかかる。まずは、Cloud9の作業スペースとインストール場所の作成（場所は各自自由）。

インストール。

成功すれば、以下のように表示される（もしうまく行かなかった場合は、エラー内容をよく読んで修正し、install-sdk.shをやり直す）。

ポート、ユーザー名、パスワード、IPアドレスを指定するには、以下のようにする。
firewalldのポートを開けたいときは、以下のようなコマンドを使って解放する。さくらのVPSなど、パケットフィルタでポートが塞がれている場合はそちらも確認する。

ポートが開放できたら、node ./server.js コマンドを打ったときに出てきたアドレスにアクセスする（8080番ポートを指定したのなら、http://IPアドレス:8080など）。このような画面が出てきたら成功。エラーが表示されたら、それをがんばって直す。



hello.phpを作り、Hello,World!を表示するPHPファイル作ってみる（適当に打ったらタイプミスした）。


hello.phpを保存してみる。Windows PCと同じように、Ctrl＋Sで保存できる。ブラウザ上で保存すると、サーバーのターミナル側には、以下のようにリアルタイムで処理が表示される。


作成したPHPファイルを外部のWebブラウザから直接表示できるようにする。nginxの場合、nginx.confを編集。

Cloud9で8080ポートを使っているので、Nginxでも8080を使おうとすると…（下記設定は各自の環境に合わせて）

nginxを再読込し…

もう一度Cloud9を立ち上げようとすると、怒られる。

8080はCloud9で使うので、nginxでは使うなということ。Webからページを表示させたいときは、他のポートを使用する。例えば、httpの80やhttpsの443（SSL）。テスト用に自分だけ表示できれば良いのなら、8081ポートとかを適当に使う（公開せず、自分専用の開発環境の表示確認なら、Basic認証を設定しておくとなお良い）。

この場合も、ポート開放を忘れないようにしなくてはいけない。firewalldを設定し、nginxを再起動し、Cloud9の起ち上げまで、一連の動作。

        location /opt/workspace {
               alias /opt/workspace;
        }

npm install -g forever

forever start ./server.js -p 8080 -a user:password -w /opt/workspace/ --listen サーバのIPアドレス

forever stopall

forever list

forever stop ID番号

        server_name  c9.ドメイン.com;
        location ^~ /.well-known/acme-challenge {
            default_type "text/plain";
            alias         /どこかのディレクトリ/.well-known/acme-challenge;
        }
        location / {
                proxy_pass IPアドレス:8080/;
        }

fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;

fastcgi_param  SCRIPT_FILENAME  $request_filename;