AWS Cloud9でphpを実行する方法

##Cloud9とは
Cloud9とは、ブラウザのみでコードを記述、実行、デバッグできるクラウドベースの統合開発環境（IDE）です。
Cloud9には開発を行う上で必要となるツールがあらかじめ含まれている(Python,Javascript,PHPなど)ため、インストールや開発環境の設定の手間を省くことができます。

今回はCloud9上でphpを実行する方法を記述していきます。

##Cloud9を開く
まずはAWSにログインしましょう。
アカウントが無い方は事前に登録を済ませてください。

ログインすると、AWS マネジメントコンソール画面が開かれるので、
サービスを検索する、の下にある検索欄に「cloud9」と入力してください。
検索欄にリンクが表示されるので、クリックしてcloud9にアクセスします。

![cloud9-1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/a01f961d-5d70-c609-5d7f-428466afd1af.png)

##Cloud9上に新しい環境を作成
次に、phpを実行するための新しい環境を作成していきます。

Cloud9を開くと、以下の画面が表示されるので、
"Create environment"ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/10a7f74e-33d8-68cf-fed8-4454ae296524.png)

次に、作成する名前を適当に入力し、"Next Step"ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/2bf9d7ce-78b5-cb2d-4fca-ee65843fcf27.png)

次に、環境設定を行います。
基本的にデフォルトのままで進めて問題ありません。

- Environment type
    - EC2:AWS上に新規でサーバを立てる場合
    - SSH:AWS外の既存サーバにアクセスする場合
- Instance type
    - t2.micro（1 GiB RAM + 1 vCPU）
  
AWSの無料枠で利用できるのは上記のみですので、デフォルトのままでOKです。
- Platform
    - Amazon Linux
    - Ubuntu Server
    
お好みでPlatformを選んでください。

- Cost-saving setting
    - After 30 minutes
    
 自動でインスタンスをシャットダウンするアイドル時間を選択します。
AWSは従量課金制ですので、特別な理由がない限りはデフォルトのままにしておくことをお勧めします。

ここまで設定後、”Next Step”ボタンをクリックしてください。

Review画面で設定内容を確認し、問題なければ画面下部の
”Create Environment”ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/3a0748d1-f9fe-3b4b-205d-36952f2e487b.png)

少し待つと、以下のような画面が表示されます。
これでCloud9上に環境を作成することができました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/a5055aca-3178-dc1e-acd4-9986a8bc7353.png)

# phpファイル作成
左側のメニューからワークスペース名のフォルダを右クリックし、
"New File"ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/47520172-2405-175b-f8e6-ed3e79c9a54e.png)

拡張子が.phpとなるファイルを作成します。
ここでは「Test.php」としました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/f9382105-37ca-677d-5325-f69a05fc89e4.png)

ファイル作成後、以下のようにソースコードを記載します。

`<?php
　echo "Hello,World！";
?>`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/352af209-9faa-f8ef-17a4-bd4de8113253.png)


ソースコードを入力後、ファイルを保存（Windowsの場合Shift + S、Mac場合はcommand + S）します。

#プログラム実行
早速作成したプログラムを動かしてみましょう。

プログラムの実行方法は基本的に二通りあります。
コマンドで実行する方法と、ブラウザでプレビューする方法です。

**コマンドで実行**
Cloud9の画面下にあるターミナルからプログラムを実行する方法です。

ターミナルに以下のように入力し、Enterを押します。

`php 実行するファイル`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/98b67b61-82f0-1ab4-9360-4dcd55901308.png)


実行すると、ターミナル上からプログラムが実行されたことを確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/35417617-77ab-6a08-6e0d-c3e376d46f0c.png)

**ブラウザでプレビュー**
こちらはブラウザ上でどのように実行されるのかをプレビューする方法です。

画面右上の”Run”ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/5f79dfe0-b1ca-18ef-fa49-926135743813.png)


次に、"Preview"をクリックし、”Preview Running Application”ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/3aff70bb-8521-b2ca-b6ad-83108c430d48.png)


右側に新しくウィンドウが表示されます。
右側のウィンドウのURL欄に作成したファイル名を追加し、Enterを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/338aba35-b5bc-f91c-3d78-87565ac42b97.png)

実行すると、ブラウザ上でどのように表示するかをプレビューで確認することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/555700/bdf4b395-3501-aa88-ed8a-71f2235ac6c7.png)


Cloud9でphpを実行する方法は以上です。
このように簡単に開発を進めることができますので、Cloud9を活用していきましょう！