このページは

個人趣味レベルで開発はしたことがあるけど、業務開発経験はこれからレベルの自分が噛み砕いた内容で記載。

AWS Amplifyとは

開発してサービス作りたいけど、ホスティング先考えたり、データベース準備したり、リリースの仕組み用意したり、結構やること多い。

UIになるフロントエンドやサービスロジックの開発に集中して、バックエンドの諸々準備に手間をかける必要なし。

AWS amplifyを使って開発する。

自分の理解では以下。

開発するフロントエンドのソースコード内でインポートをかけて利用するライブラリ。
ライブラリで準備されているメソッドを利用し、バックエンドとの連携・操作を一元サポートしてくれる。

コマンドライン操作でAWSのバックエンドを準備・管理できる。データベース作ったりAPI追加したり。

CI/CDとフロントエンドのホスティングを準備してくれる。

【必要な環境】
- Node.js v14.x or later
- npm v6.14.4 or later

以下を実行。

npm install -g @aws-amplify/cli

インストールができたら、amplifyのセットアップを行う。

amplify configure

対話式で進むので、必要な設定を答えていく。

Reactの空アプリケーションを作成。

npx create-react-app hands-on-todo

対話式で進むので進める。

Reactのアプリケーションのディレクトリに移動し、amplify init コマンドを実行し、対話式で設定を進める。

cd hands-on-todo
amplify init

React向けのamplifyのライブラリをインストールする。

npm install aws-amplify @aws-amplify/ui-react