【AWS】 AWS CodeCommit をVisual Studio 2019で利用する方法

# AWS CodeCommitについて
AWS上にGitリポジトリをセキュアに設置することができます。

## Gitリポジトリの作成
AWS CodeCommitの画面から`リポジトリを作成`を選択し、リポジトリを作成してください。

# Visual Studio 2019での設定
次に進むと、「Visual Studio に接続する」画面が表示されるので、手順に沿って設定を行う。

## ステップ 1: AWS Toolkit for Visual Studio を取得する

「[こちら](https://aws.amazon.com/visualstudio/)」より、ダウンロードおよびインストールできます。

## ステップ 2: AWS プロファイルを追加する
Visual Studioを開いて設定する事が必要です。

下記の図のように、`コードなしで続行`をクリックします。

![キャプチャ.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/14d05ee8-7dd8-2b4a-420d-83aa5b6183d2.png)

「表示」→「チームエクスプローラー」を選択し、チームエクスプローラーを開きます。

![チームエクスプローラー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/98b4d159-24af-b581-41d2-9bfceebfefe2.png)

チームエクスプローラー上でAWS Code Commitの`Connect`を選択します。

![VS2019AWSコネクト.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/17032fb6-0a3b-e224-6dbb-0bade79263c3.png)

■ アクセスキーが必要になるので、IAMでアクセスキーを生成する。

 IAM → ユーザー の[ページ](https://ap-northeast-1.console.aws.amazon.com/iam/home#/users/ryouta_saitou?section=security_credentials)に移動し、「認証情報」タブ内のアクセスキーの生成から生成する。


■ アカウントの設定

- Profile Name ： Profile 表示名
- Storage Location ： SDK 認証情報ストア・共有 AWS 認証情報ファイルのどちらを使用するか。
- Access Key ID ： アクセスキー ID
- Secret Access Key ： シークレットアクセスキー
- Account Number ： 認証情報のアカウント番号。  
 Toolkit for Visual Studio では、Amazon リソースネーム (ARN) の構築にアカウント番号を使用します。
- Account Type ： アカウントの種類。  
 このプロファイルを選択する場合、AWS Explorer に表示されるリージョンがこの値で決まります。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/42205b13-8a4c-cf38-9590-c747f7a53c30.png)

## ステップ 3: Team Explorer を AWS CodeStar プロジェクトに接続する

1. Team Explorer の [Hosted Service Providers] のリストで、[AWS CodeCommit] を選択します。
2. リストから AWS プロファイルを選択します。
3. Connect で [Clone] を選択し、次に、リストからプロジェクトのリポジトリを選択します。ローカルリポジトリを作成する場所を選択し、[OK] を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/1b1f99c4-661d-c70e-486b-359ae6f61f77.png)

ここで、正常にリポジトリが表示されない場合は、「Visual Studio 2019 のプロキシ設定」をおこなう必要があるかもしれません。
「ツール」→ 「オプション」 でオプションを開きます。
左のTabから設定を「AWS Toolkit」 → 「Proxy」を開いて設定を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/337ec375-edd2-e1fb-d347-e00e0bcff2f7.png)

上手く動作した場合は、下記のGitへの認証画面が表示されると思います。
「IAM」→ 「ユーザー」の[ページ](https://ap-northeast-1.console.aws.amazon.com/iam/home#/users/ryouta_saitou?section=security_credentials)で「認証情報」のタブを開き、`AWS CodeCommit の HTTPS Git 認証情報`を生成してください。
生成した情報をCSVでダウンロードし、読み込んでください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/68f364eb-901d-d2f8-32c4-e7fb2fee0830.png)

## ステップ 4: Visual Studio でコードを開始する
一部コードを変更してみる。
右側に表示されているコード（index.py）を変更する。
分かりやすいように、print文を追加する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/8d20d724-4dd4-9f78-cf2a-c79af3e1df40.png)

チームエクスプローラーを開き、`変更`ボタンを押す

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/f1efed17-24a5-f0df-903e-90f582a1fd60.png)

コミットのコメントを入力し、`ステージング済みをコミット`を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/337595c3-977d-a001-8a68-2ff870001864.png)

次に、同期を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/8afcb912-6631-ab18-8bf7-b0fcc885d239.png)

同期のページを開き、`プッシュ`を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/401878/4b50e39c-5448-1088-66e2-d5d6cd7220a8.png)


# 終了
上記の手順でVisual Studio 2019でCodeCommitが利用できるようになります。

是非、試してみてください。