آموزش با استفاده از AWS Amplify یک برنامه React بسازید

مقدمه Introduction

• React and AWS: یک مسابقه عالی بدون سرور React and AWS: A perfect serverless match

1. نقش AWS تقویت در پشته React و AWS 1. The Role of AWS Amplify in a React and AWS Stack

• AWS Amplify و پیشنهادهای اصلی آن را بشناسید Get to know AWS Amplify and its key offerings

• برای یک حساب AWS ثبت نام کنید و آشنا شوید Register for an AWS account and get familiar

• Node.js را بارگیری کنید تا برای توسعه JavaScript آماده شوید Download Node.js to prepare for JavaScript development

• Amplify CLI خط فرمان جدید شماست The Amplify CLI is your new command line

• AWS Amplify CLI را پیکربندی کنید Configure the AWS Amplify CLI

2. React Apps در AWS هنوز به عنوان React Apps شروع می شود 2. React Apps in AWS Still Start as React Apps

• برنامه ایجاد واکنش ، در وقت شما صرفه جویی می کند create-react-app saves you time

• با Amplify CLI آشنا شوید Get familiar with the Amplify CLI

• اولین برنامه خود را فشار دهید Push your first app

• چالش: صفحه React بهتری را بارگذاری کنید Challenge: Upload a better React page

• راه حل: صفحه React بهتری را بارگذاری کنید Solution: Upload a better React page

3. احراز هویت را با استفاده از Amazon Cognito اضافه کنید 3. Add Authentication Using Amazon Cognito

• آمازون Cognito احراز هویت ساده را فراهم می کند Amazon Coginito provides simple authentication

• React و Cognito همراه خوبی هستند React and Cognito are good companions

• کاربر را از طریق Cognito اضافه کنید Add a user through Cognito

• چالش: تعداد بیشتری از کاربران Cognito را تنظیم کنید Challenge: Set up more Cognito users

• راه حل: کاربران Cognito بیشتری تنظیم کنید Solution: Set up more Cognito users

4- یک GraphQL API تنظیم کنید 4. Set Up a GraphQL API

• AppSync به تقویت کننده API قدرت می دهد AppSync gives Amplify API powers

• پشتیبانی API را به برنامه خود اضافه کنید Add API support to your app

• GraphQL شما مبتنی بر طرح واره است Your GraphQL is schema based

• با استفاده از کنسول وب با GraphQL تعامل برقرار کنید Interact with GraphQL using the web console

• چالش: طرحواره خود را بسازید Challenge: Build your schema out

• راه حل: طرحواره خود را بسازید Solution: Build your schema out

5. به GraphQL API خود متصل شوید 5. Connect to Your GraphQL API

• داده ها را به قسمت آخر اضافه کنید Add data to your back end

• یک کوئری GraphQL به م Reلفه React خود اضافه کنید Add a GraphQL query to your React component

• جستجوی GraphQL را از React اجرا کنید Execute a GraphQL query from React

• چالش: افراد را به برنامه اضافه کنید Challenge: Add people to the application

• راه حل: افراد را به برنامه اضافه کنید Solution: Add people to the application

نتیجه Conclusion

• بعدی چیست؟ What's next?