cloud9にEC-CUBE3をインストールしてみた

会社の都合で、普段は触らないEC-CUBE3を触ってみるため、試しに[cloud9](http://qiita.com/tags/cloud9)に入るかどうか試してみました。

# cloud9の準備
cloud9の使い方は[こちら](http://techacademy.jp/magazine/6168)などを参考にしてください。PHP+Apacheのテンプレートでworkspaceをひとつ作りましょう
![スクリーンショット（2016-04-02 11.28.37）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/90742aa6-e686-bd88-813c-808f1247ef3b.png)

# EC-CUBE3のインストール

## コアファイルを取ってくる
[EC-CUBE 3のGithubリポジトリ](https://github.com/EC-CUBE/ec-cube)へ行き、リポジトリのURLをクリップボードにコピペで持ってきます。

```bash
git clone https://github.com/EC-CUBE/ec-cube.git
```

をcloud9のTerminalに打ち込みます。

![スクリーンショット（2016-04-02 11.35.47）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/cd4bf275-017f-3211-f901-170f0e92d4ca.png)

左のファイルナビゲータを見ると、ec-cubeというディレクトリが切られていますね。今回はトップディレクトリをサイトルートにしようと思うので、hello-world.phpとREADME.mdを削除して、ec-cube/以下のすべてのファイルをサイトルートに持ってきます。

![スクリーンショット（2016-04-02 11.38.58）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/7cadd6b4-0e32-0d5b-6b69-3b4610c60087.png)

ファイルナビゲータから右クリックで削除するもよし、ターミナルで`rm`打つもよし。
![スクリーンショット（2016-04-02 11.40.36）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/6e7901bc-91aa-58ea-0dde-4f5a1562f746.png)

こういう状態になってたら良いかな、と思います。

## 各種設定箇所を編集する

eccube_install.shを開き、53行目以降を編集します。

59行目のサイトルート設定を変更します。

```sh:eccube_install.sh
export ROOT_URLPATH=${ROOT_URLPATH:-"/html"}
```

次に、68から71行目のデータベース設定を変更します。

```sh:eccube_install.sh
export DBSERVER=${DBSERVER-"0.0.0.0"}
export DBNAME=${DBNAME:-"c9"}
export DBUSER=${DBUSER:-"your_name"}
export DBPASS=${DBPASS:-""}
```
DBUSERの値は、cloud9のユーザーネームと同じになっているはずです。分からなければ、[先にMySQLを立ち上げ](http://qiita.com/ao_love/items/31b660ab53bee959c940)、ユーザーネームを確認してください。DBPASSは空欄でOK。

編集が終わったら、保存します。

## MySQLの起動

次にTerminalから[MySQLを起動](http://qiita.com/ao_love/items/31b660ab53bee959c940)させます。

```bash
mysql-ctl start
```

![スクリーンショット（2016-04-02 11.50.41）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/c5e04443-797f-b5bc-52c7-5f36b0e61456.png)


## インストーラのシェルスクリプトを走らせる

MySQLが立ち上がったら、

```bash
sh eccube_install.sh mysql
```

mysqlというオプションを付けるところがポイントです。

Composerが色々なものを取ってきてくれるので、しばしコーヒーでも飲みながら待ちます。

無事に成功すればこんな画面です

![スクリーンショット（2016-04-02 11.55.26）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/c7a0ef30-06b0-97e6-ea01-f47371accb8e.png)

# 起動してみよう

メニューバーにある「Run Project」を押し、Apacheを立ち上げます。

Apacheの起動を確認したら、Previewウインドウを立ち上げます。サイトルートには、EC-CUBE3のトップディレクトリが表示されているのがわかると思います。

![スクリーンショット（2016-04-02 11.58.35）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/84096fa8-dbbb-4568-6dc2-5f219f9d7875.png)

その中からhtmlをクリックします。

上手く行っていれば下記のようになっているはずです。

![スクリーンショット（2016-04-02 12.03.58）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/2469b5f6-93f1-92af-3bbe-67b715308485.png)

## 管理画面にはどうやって入る？

ワークスペースのルートから、/html/admin が管理画面となります。

```
http://your_workspace_name-your_c9_username.c9users.io/html/admin
```

![スクリーンショット（2016-04-02 12.05.51）.png](https://qiita-image-store.s3.amazonaws.com/0/116223/863fc425-a453-c4fd-9ed8-18d403e4e631.png)

ログインのアイパスは、
<dl>
<dt>ID</dt>
<dd>admin<dd>
<dt>password</dt>
<dd>password</dd>
</dl>
で入れます。後で変更しておきましょうね。

## うまくいかない場合は…

もう一度、eccube_install.shの内容を精査したり、コマンドの入力間違いがないか確認しましょう。eccube_install.shはずっと残っているので、何度でも利用できます（ただし、一度インストールに成功した場合は、成功したEC-CUBE3を上書きするので、要注意）

# まとめ
1. c9をPHP+Apacheのテンプレートで立ち上げる
- git cloneでEC-CUBE3のコアを取ってくる
- eccube_install.shの中身を編集する
- sh eccube_instal.sh
- 公開ディレクトリは/html
- 管理画面は/html/admin
- インストール直後のログイン情報は、admin/password

以上、お疲れ様でした。