🗂

【”~やってみた”をやってみた】 AWS Amplify:サーバレスなWebアプリ作成

2022/07/10に公開約1,300字

今回参考にした”~やってみた”

React + Amplify + AppSync + DynamoDB でサーバレスなWebアプリを作成する公式チュートリアルをやってみた

https://dev.classmethod.jp/articles/react-amplify-appsync-dynamodb-tutorial/

作業の流れ

  1. Reactアプリケーションを作成する
  2. バックエンドの初期設定をする
  3. AppSync、DynamoDB をセットアップする
  4. Reactアプリケーションを編集する
  5. アプリケーションをデプロイする
  6. アプリケーションの削除

感想

  • 最初の投稿で緊張したが、これからも”~やってみた”をやっていこう。
  • Amplifyで作成できる工程を理解することができた。
  • Gitの使い方について、再度学びなおす必要があると感じた。
  • 再度Amplifyでアプリケーションを作成しようと思っている。

覚えるポイント

GraphQLもやってみた

フロントエンドでユーザーデータをリクエストするときに使えそう。

GraphQLプレイグラウンドで以下のクエリを試してみた

https://graphql-demo.mead.io/
{
	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

ログインするとコメントできます