🗂
【”~やってみた”をやってみた】 AWS Amplify:サーバレスなWebアプリ作成
今回参考にした”~やってみた”
React + Amplify + AppSync + DynamoDB でサーバレスなWebアプリを作成する公式チュートリアルをやってみた
作業の流れ
- Reactアプリケーションを作成する
- バックエンドの初期設定をするq
- AppSync、DynamoDB をセットアップする
- Reactアプリケーションを編集する
- アプリケーションをデプロイする
- アプリケーションの削除
感想
- 最初の投稿で緊張したが、これからも”~やってみた”をやっていこう。
- Amplifyで作成できる工程を理解することができた。
- Gitの使い方について、再度学びなおす必要があると感じた。
- 再度Amplifyでアプリケーションを作成しようと思っている。
覚えるポイント
GraphQLもやってみた
フロントエンドでユーザーデータをリクエストするときに使えそう。
GraphQLプレイグラウンドで以下のクエリを試してみた
{
users{
id
name
email
posts{
title
}
}
}
詰まったポイント
amplifyコマンドが使えない
amplify init
amplify : 用語 'amplify' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。~
// Amplify CLI をインストール
npm install -g @aws-amplify/cli
参考:https://dev.classmethod.jp/articles/aws-cli-install/
PowerShellのスクリプト実行権限が制限されていた
amplify init
amplify : このシステムではスクリプトの実行が無効になっているため、~
// 現在のスクリプト権限確認
Get-ExecutionPolicy
// 一時的にスクリプトを実行できるようにする
Set-ExecutionPolicy RemoteSigned -Scope Process
参考:https://www.curict.com/item/d1/d1c4a3e.html
IAMユーザーの権限が足りない
amplify status
Name: NotInitializedError : Message:No Amplify backend project files detected within this folder.
操作していたIAMユーザーの権限が足りずに作成されなかったため、”AdministratorAccess-Amplify”の権限を付与して、”amplify init”コマンドを入力したら解決
Discussion