آموزش امن کردن برنامه های واکنش با 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
جزییات دوره
3h 18m
67
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
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 در توییتر فعال است.