IBM BluemixでモバイルAPIを作る【初期設定編】

# IBM BlueMixでモバイル向けのバックエンドアプリをNode.jsで作る

## はじめに
[こちらの話題](http://www.publickey1.jp/blog/16/ibm_swift.html)で沸いているIBM Bluemixですが、今回は以下のような方向けに書きます。

- Bluemix話題だけど使ったことない（もしくはなんとなく登録はした）
- Bluemix触っておきたい。
- だけど別にSwiftでなくていい。
- モバイルアプリのバックエンド早く作れるPaaS探してる

ということで今回は[Kitura](https://developer.ibm.com/swift/products/kitura/)や[OpenWhisk](https://new-console.ng.bluemix.net/openwhisk/)には触れません。次回とかで触れられればと思っています。

## コンソールにログインする
**前提としてBluemixのアカウントは作成済み 参考:[アカウント作成手順](http://qiita.com/KenichiSekine/items/6ad49b25167b3f4cdb63)**

まずは[ここ](https://console.au-syd.bluemix.net/)からコンソールにログインしましょう。
するとこんな画面になります。
![bluemix00.png](https://qiita-image-store.s3.amazonaws.com/0/24991/f275b036-19af-d07f-5d28-e55fef62dfaf.png)

## アプリを作る
以下の手順に従ってアプリを作ります。

**`CloudFoundryアプリ`を選択**
![bluemix00.png](https://qiita-image-store.s3.amazonaws.com/0/24991/77b31170-5942-5e2e-3031-1085d9f3be02.png)

**`モバイル`を選択**
![bluemix01.png](https://qiita-image-store.s3.amazonaws.com/0/24991/8f2b6fa2-e5e2-213e-faae-a8566b5f16ba.png)

**任意の名前にします。Blumix内で一意の必要があるみたいです。**
![bluemix02.png](https://qiita-image-store.s3.amazonaws.com/0/24991/d5e1e33c-f39c-ea08-f02e-536129a239ba.png)

**コーディング方法は今回はこの一番右のGITを選択して`Start coding with Git`の手順に沿っていきます**
![bluemix03.png](https://qiita-image-store.s3.amazonaws.com/0/24991/5e74b762-f99c-88c4-4132-178623c830db.png)

## 初期設定
以下のように作業を進めていきます。実際には`Start coding with Git`を進めているだけ

### Gitリポジトリ追加
以下のように進めていきます。

1. **概要→GITの追加**
![bluemix04.png](https://qiita-image-store.s3.amazonaws.com/0/24991/d688c94b-b898-f9a1-ef50-c4998e066103.png)

2.  **ポップアップが表示されるので、Blumix IDに別名をつける**
![bluemix05.png](https://qiita-image-store.s3.amazonaws.com/0/24991/f7f8370b-2f11-50dc-d2ca-398ce5e8ba0f.png)
↓
![bluemix06.png](https://qiita-image-store.s3.amazonaws.com/0/24991/c05c0437-f217-4181-6994-405d0370d8b5.png)
↓
**作成されたGitのURLが表示されます。**
![bluemix08.png](https://qiita-image-store.s3.amazonaws.com/0/24991/072341e7-4814-a0cd-59c4-b8c0b4728ef7.png)

### DevOps Serviceの確認
Gitリポジトリを作った時にすでにmasterにプッシュするとデプロイするように初期設定してくれているらしいので、それを確認する

**クローンする**

```
% git clone https://hub.jazz.net/git/kwnpanda/kwnpanda-app
Cloning into 'kwnpanda-app'...
remote: Counting objects: 36, done
remote: Finding sources: 100% (36/36)
remote: Total 36 (delta 0), reused 36 (delta 0)
Unpacking objects: 100% (36/36), done.
Checking connectivity... done.                                                                                                          
```

**index.htmlを変更してみる**
`<app-name>/client/index.html`を開いてとりあえず以下のように変更する

```
<h1>HelloTodo For kwnpanda-app</h1>
```

**commit and pushをする**

```
% git add index.html
% git commit -m "check a devops service"
[master 3acdae9] check a devops service
 1 file changed, 1 insertion(+), 1 deletion(-)
%
% git push -u origin master
Counting objects: 4, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (4/4), done.
Writing objects: 100% (4/4), 387 bytes | 0 bytes/s, done.
Total 4 (delta 3), reused 0 (delta 0)
remote: Resolving deltas: 100% (3/3)
remote:
remote: Processing changes: refs: 1, done
To https://hub.jazz.net/git/kwnpanda/kwnpanda-app
   044cd55..3acdae9  master -> master
Branch master set up to track remote branch master from origin.
```

**画面を確認**

![Screen Shot 2016-02-24 at 18.59.06.png](https://qiita-image-store.s3.amazonaws.com/0/24991/f7c27639-fcfe-a362-85ab-c8d88deb637d.png)

- 編集前
![bluemix09.png](https://qiita-image-store.s3.amazonaws.com/0/24991/1a6720ff-9667-fd68-78cf-a82039d3d1dd.png)

↓

- 編集後
![bluemix10.png](https://qiita-image-store.s3.amazonaws.com/0/24991/f70d6ebf-e7d0-3c2f-e521-87b2e8947af8.png)

### 初期設定完了

一通りはこれで初期設定完了です。
DevOpsServiceはダッシュボードの`GIT URL`をクリックすると遷移できて、設定の変更や追加などができます。今度いじってまたアップしようと思います！

[Bluemix Live Sync](http://qiita.com/shimac/items/cae10d0068491e4990ca)とか使うと色々便利そうなのでこちらも試したらアップしようと思います。

次回は実際にiOSアプリからTODOを登録したりとかするところを作っていきます。