نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره به شما می آموزد که چگونه در برنامه 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
نمایش نظرات