7 Amplify CLI 対話式ウィザードでバックエンドを簡単に作成できる Amplify プロジェクトの作成 $ amplify init Scanning for plugins... Plugin scan successful Note: It is recommended to run this command from the root of your app directory ? Enter a name for the project test (プロジェクトの名前は？) test ? Enter a name for the environment prod （バックエンドの名前は？） prod ? Choose your default editor: Visual Studio Code （開発環境は？） Visual Studio Code ? Choose the type of app that you‘re building javascript （フロントエンドは？） javascript Please tell us about your project ? What javascript framework are you using vue （javascriptフレームワークは？） vue ? Source Directory Path: src ? Distribution Directory Path: dist ? Build Command: npm run-script build ? Start Command: npm run-script serve Using default provider awscloudformation ? Do you want to use an AWS profile? Yes ? Please choose the profile you want to use Adding backend environment prod to AWS Amplify Console app: XXXXXXXXXX ⠙ Initializing project in the cloud... AWS上でバックエンドの初期化を開始....
8 Amplify CLI 対話式ウィザードでバックエンドを簡単に作成できる バックエンドに認証機能を追加 $ amplify add auth Using service: Cognito, provided by: awscloudformation Please provide a friendly name for your resource that will be used to label this category in the project: test （この認証機能の名前は？） test Please enter a name for your identity pool. test （Identity Poolの名前は？） test Allow unauthenticated logins? (Provides scoped down permissions that you can control via AWS IAM) No （未認証ユーザのログインは許可する？） No Do you want to enable 3rd party authentication providers in your identity pool? No （サードパーティの認証プロバイダーは使用する？） No Please provide a name for your user pool: test （User Poolの名前は？） test Warning: you will not be able to edit these selections. How do you want users to be able to sign in? Email （ユーザはどの情報でログインする？） Email Do you want to add User Pool Groups? No （User Poolグループを追加する？） No Do you want to add an admin queries API? No （管理用のAPIは作成する？） No Multifactor authentication (MFA) user login options: OFF （多要素認証は利用する？） OFF Email based user registration/forgot password: Enabled (Requires per-user email entry at registration) （Emailを使ったユーザ登録やパスワード再登録機能を有効化する？） Enabled
9 Amplify CLI 対話式ウィザードでバックエンドを簡単に作成できる バックエンドに認証機能を追加（続き） $ amplify add auth Using service: Cognito, provided by: awscloudformation Please specify an email verification subject: 認証コード をお送りします （メールアドレス認証を行う際のメールのタイトルは？） 認証コード をお送りします Please specify an email verification message: あなたの認証コードは {####} です。 （メールアドレス認証を行う際のメールの内容は？） あなたの認証コードは {####} です。 Do you want to override the default password policy for this User Pool? No （デフォルトのパスワードポリシーを上書きする？） No Warning: you will not be able to edit these selections. What attributes are required for signing up? Email, Name （ユーザ登録時に何の情報を登録させる？） Email, Name Specify the app‘s refresh token expiration period (in days): 30 （リフレッシュトークンの有効期限は何日間？） 30 Do you want to specify the user attributes this app can read and write? No （このアプリが読み書きできるユーザを限定する？） No Do you want to enable any of the following capabilities? (Press to select, to toggle all, to invert selection) Do you want to use an OAuth flow? No （OAuthは使用する？？） No ? Do you want to configure Lambda Triggers for Cognito? No （Cognito用のLambdaトリガを設定する？） No
対話式ウィザードでバックエンドを簡単に作成できる バックエンドにAPI機能を追加 10 Amplify CLI $ amplify add api ? Please select from one of the below mentioned services: GraphQL （APIの方式は？） GraphQL ? Provide API name: test （APIの名前は？） test ? Choose the default authorization type for the API Amazon Cognito User Pool （APIの認証方式は？） Amazon Cognito User Pool Use a Cognito user pool configured as a part of this project. ? Do you want to configure advanced settings for the GraphQL API No, I am done. （認証の設定を行う？） No, I am done. ? Do you have an annotated GraphQL schema? No （すでにGrapQLのスキーマを持ってる？） No ? Do you want a guided schema creation? No （サンプルのスキーマを作る？） No ? Provide a custom type name Test （スキーマタイプの名前は？） Test
38 ハンズオン②プロジェクトに機能を追加する 開発環境の構築 バックエンド設定を取得（続き） $ amplify pull --appId XXXXXXXX --envName handson ? Do you want to use an AWS profile? Yes （AWSプロファイルを使用する？） Yes ? Please choose the profile you want to use default ? Which app are you working on? XXXXXXXX （どのアプケーション？） XXXXXXXX ? Pick a backend environment: handson （どのバックエンドを使用する？） handson ? Choose your default editor: Visual Studio Code （開発環境は？） Visual Studio Code ? Choose the type of app that you're building javascript （フロントエンドは？） javascript Please tell us about your project ? What javascript framework are you using vue （javascriptフレームワークは？） vue ? Source Directory Path: src ? Distribution Directory Path: dist ? Build Command: npm run-script build ? Start Command: npm run-script serve ? Do you plan on modifying this backend? No
40 ハンズオン②プロジェクトに機能を追加する バックエンドの設定（続き） GraphQLスキーマをAWS上に反映 $ amplify push ✔ Successfully pulled backend environment handson from the cloud. | Category | Resource name | Operation | Provider plugin | | -------- | -------------------- | --------- | ----------------- | | Api | threetierappsample | Update | awscloudformation | | Auth | ThreeTierAppSamples | No Change | awscloudformation | | Auth | userPoolGroups | No Change | awscloudformation | | Api | AdminQueries | No Change | awscloudformation | | Function | AdminQueriesa150ebe9 | No Change | awscloudformation | ? Are you sure you want to continue? Yes GraphQL schema compiled successfully. Edit your schema at /Users/eiji/Documents/VisualStudioCode/test/aws-amplify-samples/amplify/backend/api/threetierappsample/ schema.graphql or place .graphql files in a directory at /Users/eiji/Documents/VisualStudioCode/test/aws-amplify-samples/amplify/ backend/api/threetierappsample/schema ? Do you want to update code for your updated GraphQL API Yes （GraphQL APIをアップデートする？） Yes ? Do you want to generate GraphQL statements (queries, mutations and subscription) based on your schema types? This will overwrite your current graphql queries, mutations and subscriptions Yes （GraphQL Queries, Mutations Subscriptionsを上書きする ？） Yes
eijikominami
john_smith
unclejoe
non97
linedevth
colopl
ewolff
rmetzger
mploed
hirosatogamo
andpad
line_developers
keavy
jonyablonski
philhawksworth
stephaniewalter
notwaldorf
cherdarchuk
holman
maltzj
sachag
mongodb
gr2m
matthewcrist