Amplify-React-QRticket

Amplify の設定

$ amplify init

Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project amplifyreactQRticket
The following configuration will be applied:
Project information
| Name: amplifyreactQRticket
| Environment: dev
| Default editor: Visual Studio Code
| App type: javascript
| Javascript framework: none
| Source Directory Path: src
| Distribution Directory Path: dist
| Build Command: npm run-script build
| Start Command: npm run-script start

amplify add storage

✔ Provide a friendly name for your resource that will be used to label this category in the project: · s300011039
✔ Provide bucket name: · amplifyreactqrticket
✔ Who should have access: · Auth users only
✔ What kind of access do you want for Authenticated users? · No items were selected
⚠️ Select at least one option
✔ What kind of access do you want for Authenticated users? · No items were selected
⚠️ Select at least one option
✔ What kind of access do you want for Authenticated users? · create/update, read, delete
✔ Do you want to add a Lambda Trigger for your S3 Bucket? (y/N) · no
✅ Successfully added resource s300011039 locally

$ amplify add api

? Select from one of the below mentioned services: GraphQL
? Here is the GraphQL API that we will create. Select a setting to edit or continue Continue
? Choose a schema template: Single object with fields (e.g., “Todo” with ID, name, description)

$ amplify add hosting

✔ Select the plugin module to execute · Hosting with Amplify Console (Managed hosting with custom domains, Continuous deployment)
? Choose a type Manual deployment
You can now publish your app using the following command:

React の設定

npx create-react-app .

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

npm install @zxing/library howler

npm install @aws-amplify/api @aws-amplify/api-graphql