Microclimateで作成したプロジェクトとGitHubの連携

MicroclimateのローカルPC版でプロジェクトを作成してGitHubにPushする手順のメモ。Microclimateのバージョンは18.05でHelmリリース版の1.2.0に相当。

## Microclimateの起動

以下リンク先を参照。

https://microclimate-dev2ops.github.io/gettingstarted

```shell-session
sotoiwa@soto-no-air:~
$ ~/mcdev start -o

Starting Microclimate

Creating network "microclimate_network" with the default driver
Creating microclimate-file-watcher ... done
Creating microclimate-theia        ... done
Creating microclimate-portal       ... done

Microclimate has been started at http://localhost:9090

Waiting for Microclimate to start
Waiting for Microclimate to start
Waiting for Microclimate to start
sotoiwa@soto-no-air:~
$
```
## プロジェクトの作成

「新規プロジェクト」ボタンからJavaのMicroProfileのプロジェクトを作成。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/ec838f44-854f-a464-13ea-8102ef4671d6.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/f700aaaf-c52b-988c-a6f5-b95622804088.png)

## GitHubプロジェクトの作成

[GitHub](https://github.com/)にログインして、「Start a Project」または「New Repository」ボタンを押してプロジェクトを作成する。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/32b68466-21ed-ebfa-fc95-be6ab8f52e90.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/6ea01f3e-7d38-c04d-4771-d2f2e21e40cc.png)

表示されたコマンドは後で使う。

## ローカルファイルのPush

Web IDEのGitタブからgitの操作を行うボタンがあるが、現状、リモートリポジトリを設定する機能がない。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/84cd24f7-abfc-dc53-51e4-a2c9ac541f8b.png)

gitコマンドでリモートリポジトリやトークンの設定が必要。

ローカル版の場合、`~/microclimate-workspace/`にプロジェクトのファイル群があるので、このディレクトリーでコマンドラインからgitの操作が可能。

また、ローカル版、ICP版ともに、Web IDEのメニューのFile > Open New Terminalからターミナルを開いてgitコマンドの実行が可能。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/80a9e0a0-bef7-9962-f007-0f4ed3df5d19.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/b9b9296d-aee3-a8b5-fd97-9325d2f4bdae.png)

ここでは、Web IDEのコンソールからリモートを設定してPushを行う。

```shell-session
root@f382d232cf1e:/home/microclimate-workspace# cd sample
root@f382d232cf1e:/home/microclimate-workspace/sample# git remote add origin https://github.com/sotoiwa/sample.git
root@f382d232cf1e:/home/microclimate-workspace/sample# git push -u origin master
Username for 'https://github.com': sotoiwa
Password for 'https://sotoiwa@github.com':
Counting objects: 60, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (48/48), done.
Writing objects: 100% (60/60), 33.60 KiB | 71.00 KiB/s, done.
Total 60 (delta 0), reused 0 (delta 0)
To https://github.com/sotoiwa/sample.git
 * [new branch]      master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.
root@f382d232cf1e:/home/microclimate-workspace/sample#
```

## アクセストークンの設定

Web IDEの画面のボタンからPushなどを行う場合、認証情報がないのでエラーになる。

GitHubでパーソナルアクセストークンを発行する。右上の自分のアカウントのアイコンからSettings > Developer settings > Personal access tokensへ進み、「Genelate new token」ボタンでトークンを作成する。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/86449/cccf3cfd-5ae8-60ca-fc72-367333149736.png)

作成したトークンをリモートリポジトリのURLとしてセットする。

```
git remote set-url origin https://<token>@github.com/sotoiwa/sample.git
```

これでWeb IDEのボタンからもPushなどが可能。ただし、.git/configにトークンがそのまま入っているので注意。

Web IDEのgitではなくローカルPCのgitを使う場合は、ローカルPCのSSH公開鍵をGitHubに登録してあげればよい。