آموزش هنگام ساختن یک برنامه Full-Stack با React، بدون سرور و AWS را بیاموزید

Learn Serverless and AWS whilst building a Full-Stack App with React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره:

در حین ساختن یک برنامه فول استک که به کاربران امکان می دهد برای مشتریان خود ایمیل ارسال کنند، درباره سرورهای بدون سرور و AWS بیاموزید.

در پایان این دوره، می‌دانید که چگونه با استفاده از AWS و Serverless یک API ایجاد و اجرا کنید، یک برنامه React ایجاد کنید و این دو را به هم متصل کنید.

این پروژه کلاسی، لطفاً برنامه خود را سفارشی کنید و یک عکس از صفحه ارسال کنید. می توانید لوگو، عنوان را تغییر دهید، استایل بیشتر یا هر چیز دیگری اضافه کنید. من دوست دارم ببینم با این پروژه چه کاری می توانید انجام دهید.

-------------------------

اگر می‌خواهید این یک قدم جلوتر بروید، می‌توانید قابلیت‌های بیشتری را به برنامه و API خود اضافه کنید

برای تمرین این، می‌خواهم یک نقطه پایانی API جدید ایجاد کنید که به شما امکان می‌دهد پیام کوتاه ارسال کنید. سپس می توانید یک فیلد جدید به برنامه خود اضافه کنید که "شماره موبایل مقصد" است. اگر شماره تلفن همراهی را با کد کشور وارد کردند، نقطه پایانی API "sendSMS" را بزنید، اگر ایمیلی وارد کردند، نقطه پایانی "sendEmail" را بزنید (مانند دوره آموزشی)

در اینجا کمی کد آمده است. برای کمک به ارسال پیامک از API خود. همچنان باید بقیه API را راه‌اندازی کنید و آن را به فایل serverless.yml خود اضافه کنید.

-----------
const AWS = نیاز دارد ( 'aws-sdk ' );
const sns = new AWS.SNS();

const params = { پیام: 'TEXT_MESSAGE'، شماره تلفن: 'E.164_PHONE_NUMBER' };

await sns.publish(params).promise();

سرفصل ها و درس ها

درس ها Lessons

ایجاد نقطه پایانی API «ارسال ایمیل». Creating Our 'Send Email' API Endpoint
استقرار اولین API ما Deploying Our First API
بسته شدن Wrap-up
ایجاد اپلیکیشن React ما Creating Our React App
خوش آمدید و معرفی Welcome and Intro
افزودن حالت به مؤلفه ما Adding State to Our Component
راه اندازی سرور بدون سرور برای کار با AWS Setting Up Serverless to work with AWS
خارج شدن از حالت جعبه ایمنی (اختیاری) Getting out of sandbox mode (Optional)
راه اندازی حساب AWS خود Setting up your AWS account
ایجاد مؤلفه فرم ایمیل ما Creating Our Email Form Component
اتصال مؤلفه ما به API ما Connecting Our Component to Our API