AWS Amplify part3 〜開発環境構築編(フレームワーク)〜

ヨッシー
2020-09-04
ヨッシー
2020-09-04

はじめに

今回は、Amplify part3、フレームワークの開発環境構築を使用開始ます。

前回までの環境構築の流れ

  1. 開発用EC2へログイン
  2. Swap領域のサイズ増加
  3. AWS CLIのインストール、初期設定
  4. Node.jsのインストール
↑ ここまではpart2で完了!

今回の環境構築の流れ

  1. Vue.jsのインストール
  2. Amplify CLIをインストール
  3. Amplify CLIにIAMユーザを登録

1. Vue CLIのインストール

Vue.jsでアプリ開発していくためにVue CLIをインストールしましょう。


```

[root@ip-172-31-38-5 ~]$  npm install -g @vue/cli

```

Vue.jsがインストールされたか確認します。

```

[root@ip-172-31-38-5 ~]# vue --version

@vue/cli 4.5.4

```

2. Amplify CLIをインストール

npmでAmplify CLIをインストールしましょう。

```

[root@ip-172-31-38-5 ~]$ npm install -g @aws-amplify/cli

```

3. Amplify CLIにIAMユーザを登録

Amplify CLIにIAMユーザを登録します。AWS CLIの設定で利用したユーザで問題ないです。
一度登録しておけば、あとで流用できるためこの際にやっておきましょう。


```

[root@ip-172-31-38-5 ~]$ amplify configure

Follow these steps to set up access to your AWS account:

 

Sign in to your AWS administrator account:

https://console.aws.amazon.com/

Press Enter to continue

 

Specify the AWS Region

? region: ap-northeast-1

Specify the username of the new IAM user:

? user name: labnakano

Complete the user creation using the AWS console

https://console.aws.amazon.com/iam/home?region=ap-northeast-1#/users$new?step=final&accessKey&userNames=labnakano&permissionType=policies&policies=arn:aws:iam::aws:policy%2FAdministratorAccess

Press Enter to continue

 

Enter the access key of the newly created user:

? accessKeyId: ********************

? secretAccessKey: ****************************************

This would update/create the AWS Profile in your local machine

? Profile Name:

 

Successfully set up the new user.

```

まとめ

今回は、アプリを作成してデプロイする前のフレームワーク周りの環境構築を行いました。
次回からアプリを作ってデプロイしていきましょう。