آموزش امن کردن برنامه های واکنش با Auth0

Securing React Apps with Auth0

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره به شما می آموزد که چگونه در برنامه React خود مجوز و احراز هویت را کنترل کنید. با استفاده از پروتکل های امنیتی مدرن از جمله OAuth 2.0 ، OpenID Connect و JWT ، تماس های API برای ورود ، ثبت نام و ایمن را پیاده سازی کنید. بیاموزید که چگونه از Auth0 برای کنترل احراز هویت و مجوز در برنامه های React خود استفاده کنید. در این دوره ، امنیت برنامه های React با Auth0 ، می آموزید که چگونه با استفاده از Auth0 و Express تماس های امن ورود به سیستم ، ثبت نام و API را به برنامه React خود اضافه کنید. ابتدا پروتکل های امنیتی مدرن از جمله OAuth 2.0 ، OpenID Connect و توکن های JWT را فرا خواهید گرفت. در مرحله بعدی ، ورود ، ورود به سیستم و ثبت نام را با React و Auth0 پیاده سازی خواهید کرد. سپس ، با استفاده از دامنه ها ، قوانین و نقش ها و نقاط انتهایی از طریق React ، Express API ها را ایمن می کنیم. سرانجام ، شما روش های مختلفی را برای سفارشی کردن React و Auth0 با نیازهای مربوط به خود با استفاده از React Router ، React's context و داشبورد Auth0 کشف خواهید کرد. پس از پایان این دوره ، مهارت های اساسی تأیید و تأیید اعتبار مورد نیاز برای ایمن سازی یک برنامه React مدرن با Auth0 را خواهید داشت.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

استانداردهای مجوز و احراز هویت Authorization and Authentication Standards

  • معرفی Intro

  • چرا باید از ارائه دهنده خودکار استفاده کرد؟ Why Use an Auth Provider?

  • OAuth 2.0 OAuth 2.0

  • انتخاب جریان OAuth Choosing an OAuth Flow

  • OpenID اتصال OpenID Connect

  • نشانه های وب JSON JSON Web Tokens

  • خلاصه Summary

یک برنامه React ایجاد کنید Create a React App

  • معرفی Intro

  • ابزاری که ما در این دوره استفاده می کنیم Tools We're Using in This Course

  • ایجاد برنامه از طریق ایجاد واکنش-برنامه Create App via create-react-app

  • اضافه کردن مسیریابی از طریق React Router Add Routing via React Router

  • نوار پیمایش را اضافه کنید Add Navigation Bar

  • برنامه سبک Style App

  • خلاصه Summary

Auth0 را پیکربندی کنید Configure Auth0

  • معرفی Intro

  • نسخه های Auth0 که در این دوره استفاده می شود Auth0 Versions Used in the Course

  • برای Auth0 ثبت نام کنید Sign up for Auth0

  • تصمیمات کلیدی Key Auth Decisions

  • یک برنامه در داشبورد Auth0 ایجاد کنید Create an App in the Auth0 Dashboard

  • متغیرهای محیط را پیکربندی کنید Configure Environment Variables

  • Auth Object ایجاد کنید Create Auth Object

  • خلاصه Summary

ورود به سیستم را پیاده سازی کنید Implement Login

  • معرفی Intro

  • ورود به سیستم Setup Login

  • URL تماس و JWT را مرور کنید Review Callback URL and JWT

  • تجزیه و تحلیل URL تماس تلفنی در کامپوننت Callback Parse Callback URL in Callback Component

  • رویکرد ذخیره رمز را انتخاب کنید Pick a Token Storage Approach

  • احراز هویت دسته را پیاده سازی کنید Implement Handle Authentication

  • تأیید اعتبار کاربر را بررسی کنید Check if User Is Authenticated

  • خلاصه Summary

ورود به سیستم ، ثبت نام و نمایه کاربر Logout, Signup, and User Profile

  • معرفی Intro

  • پیاده سازی را انجام دهید Implement Logout

  • روند ثبت نام را مرور کنید Review Signup Process

  • مشخصات کاربر را دریافت کنید Get User Profile

  • پیکربندی مسیر صفحه نمایه Configure Profile Page Route

  • نمایش مشخصات کاربر Display User Profile

  • خلاصه Summary

اصول مجوز API API Authorization Fundamentals

  • معرفی Intro

  • متغیرهای محیطی ایجاد کنید Create Environment Variables

  • با Node و Express API ایجاد کنید Create API with Node and Express

  • Express API Server را از طریق npm شروع کنید Start Express API Server via npm

  • از طریق React با API عمومی تماس بگیرید Call Public API via React

  • Auth0 API ایجاد کنید Create Auth0 API

  • Express را به JWT های Parse پیکربندی کنید Configure Express to Parse JWTs

  • با API خصوصی تماس بگیرید Call Private API

  • خلاصه Summary

مجوز API با محدوده ها ، قوانین و نقش ها API Authorization with Scopes, Rules, and Roles

  • معرفی Intro

  • معرفی OAuth Scopes Intro to OAuth Scopes

  • یک محدوده جدید ایجاد کنید Create a New Scope

  • Express را برای اعتبار سنجی تنظیم کنید Configure Express to Validate Scopes

  • صفحه React ایجاد کنید که دامنه ها را تأیید کند Create React Page That Validates Scopes

  • اختصاص دادن نقش مدیر از طریق یک قانون Assign Admin Role via a Rule

  • قانون اشکال زدایی Debug Rule

  • نقش ها را در Access Tokens اعتبار سنجی کنید Validate Roles in Access Tokens

  • گزینه های تأیید اعتبار Authentication Approach Options

  • خلاصه Summary

سفارشی سازی و پیشرفت Customization and Enhancements

  • معرفی Intro

  • با ورود به صفحه قبلی ، مجدداً به صفحه قبلی هدایت شوید Redirect to Previous Page Upon Login

  • کامپوننت PrivateRoute ایجاد کنید Create PrivateRoute Component

  • AuthContext ایجاد کنید Create AuthContext

  • ارائه دهنده AuthContext را اعلام کنید Declare AuthContext Provider

  • AuthContext را مصرف کنید Consume AuthContext

  • نشانه ها را در حافظه ذخیره کنید Store Tokens in Memory

  • احراز هویت خاموش و تمدید رمز Silent Authentication and Token Renewal

  • بررسی اجمالی گزینه های سفارشی سازی Auth0 Overview of Auth0 Customization Options

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

آموزش امن کردن برنامه های واکنش با Auth0
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
3h 18m
67
Pluralsight (پلورال سایت) pluralsight-small
09 آذر 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
125
4.9 از 5
دارد
دارد
دارد
Cory House

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Cory House Cory House

کوری مشاور اصلی در reaktjsconsulting.com است ، جایی که او به ده ها شرکت در انتقال به React کمک کرده است. کوری بیش از 10 هزار توسعه دهنده نرم افزار را در رویدادها و مشاغل سراسر دنیا آموزش داده است. او هفت بار MVP مایکروسافت است و به طور منظم در کنفرانس های سراسر جهان سخنرانی می کند. کوری در کانزاس سیتی زندگی می کند و به عنوانhousecor در توییتر فعال است.

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.