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

مدرس Brett McLaughlin

انتشار 2021/01/27

مدت زمان 2h 47m

سطح مناسب همه

فایل تمرینی دارد

آموزش Creating a Serverless Application Using React in AWS

React یکی از فناوری های کلیدی است که وب جدید و مدرن بر روی آن ساخته می شود. در این دوره، مربی برت مک لافلین به شما نشان می دهد که چگونه React و یک اکوسیستم توسعه وب کامل با هم در ساخت برنامه ها کار می کنند. برت تمام مراحل را برای راه اندازی، استقرار، اتصال و پشتیبانی برنامه React شما طی می کند. در مرحله بعد، او شما را با ایجاد کامپوننت های React برای سازماندهی و نمایش محتوای خود گام بر می دارد. برت به شما می آموزد که چگونه با استفاده از داده های JSON، خدمات ابری مانند پایگاه داده را اضافه کنید و شما را تشویق می کند که مطمئن شوید کدتان در پلتفرم ابری مورد نظرتان کار می کند. او نحوه تعامل با AWS و DynamoDB را از طریق خط فرمان، سپس نحوه ایجاد و استفاده از جدول DynamoDB را پوشش می‌دهد. سپس، برت به نحوه ایجاد، بارگذاری و آزمایش نقش جدیدی می‌پردازد که می‌تواند توابع Lambda را اجرا کند و با DynamoDB تعامل داشته باشد. او شما را در ایجاد و استقرار یک دروازه API راهنمایی می کند. برت در پایان به شما نشان می دهد که چگونه کد React خود را به یک نقطه پایانی API Gateway متصل کنید.

Amazon Web Services (AWS) Cloud Application Development React.js Serverless Computing

Introduction

React + API + AWS = The new web ()

Using the exercise files ()

1. React as the Front-End of an Ecosystem

React is a technology, not an environment ()

Set up your React environment ()

Deploy your React app ()

Connect your code to GitHub ()

Add AWS support with Amplify ()

Challenge: Update your local application and deploy to AWS ()

Solution: Update your local application and deploy to AWS ()

Get a basic website up and running ()

2. Build React Components to Render Structured Data

Build a site based on structured data ()

Organize your app with components ()

Challenge: Build a menu based on dynamic data ()

Solution: Build a menu based on dynamic data ()

Use JSON as a Mock for Dynamically-Loaded Data ()

Load JSON as data in your React component ()

Challenge: Convert your components to use dynamic data ()

Solution: Convert your components to use dynamic data ()

Always be deploying ()

3. Use DynamoDB for Simple Data Storage

Download and install the AWS Command Line Interface ()

Set up an AWS IAM user ()

Configure the AWS CLI ()

Install the AWS SDK ()

Create a DynamoDB table ()

Challenge: Add DynamoDB tables for other components ()

Solution: Add DynamoDB tables for other components ()

Load data into DynamoDB using the AWS console ()

Load single-value data into DynamoDB programmatically ()

Load multi-value data into DynamoDB programmatically ()

4. Load Dynamic Data into React Components

Create a role for Lambda and DynamoDB access ()

Load DynamoDB data from a Lambda function ()

Test your Lambda from AWS ()

Challenge: Write Lambda functions for all tables ()

Solution: Write Lambda functions for all tables ()

Create an API Gateway ()

Create a GET endpoint for services ()

Deploy your API Gateway to a new stage ()

Validate your endpoint is dynamic ()

Challenge: Add more endpoints to your REST API ()

Solution: Add more endpoints to your REST API ()

5. Connecting React to an API

Add a React Hook and a state variable ()

Create a side effect with the useEffect Hook ()

Request data from an API Gateway ()

Update CORS headers for your application ()

Challenge: Finish the Landon Hotel API calls ()

Solution: Finish the Landon Hotel API calls ()

Conclusion

Next steps ()

Ex_Files_Creating_a_Serverless_Application_React_AWS.zip (49.4 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.