به فصل پنجم از آموزش ساخت فروشگاه با جنگو و ری اکت رسیدیم. فروشگاه فول استکی که بک اند آن با پایتون و فریم ورک جنگو و فرانت-اند آن با جاوا اسکریپت و فریم ورک ری اکت است. ما در این فصل با بک اند سروکار داریم. سیستم احراز هویت کاربر را در بخش بک اند می‌نویسیم. سیستمی که می‌تواند کار ثبت نام کاربر، ورود با ایمیل و سطح دسترسی کاربر را مدیریت کند. در واقع در این فصل به اعتبار سنجی بک اند با jwt در جنگو می‌پردازیم. برای مشاهده خروجی این فصل حتما فیلم معرفی دوره را تماشا کنید.
اهمیت این فصل
1- اینکه ما بعد از آموزش ساخت شبکه اجتماعی مدتی بود که از مدیریت کاربران دور شده بودیم. در این فصل دوباره کاربران را مدیریت می‌کنیم اما این بار به شیوه‌ای نوین و ایمن‌تر نسبت به سایر شیوه‌های احراز هویت کاربران.
2- مورد بعدی این است که در این فصل در دنیای جنگو رست عمیق‌تر می‌شویم. مطالب جدیدی درباره سریالایزرها یاد می‌گیریم. حتی در حین کار عمل ( try exception handling ) را که از آموزش‌های پایه‌ای پایتون یادمان است به کار می‌گیریم تا خطای احتمالی را مدیریت کنیم.
این آموزش بخشی از بسته جامع ساخت فروشگاه با جنگو و ری اکت (+) است.
شما می‌توانید بسته جامع با با مجموع قیمت کمتر از این لینک (+) تهیه کنید یا این مجموعه را فصل به فصل دریافت و تماشا کنید.
فهرست فصل‌‌به‌فصل آموزش ساخت فروشگاه جنگو/ریکت
-
- ساخت فروشگاه آنلاین با Django و Reacct ـــ فصل ۱: ری اکت
- ساخت فروشگاه آنلاین با Django و Reacct ـــ فصل ۲: جنگو رست
- آموزش فروشگاه جنگو و ری اکت – فصل ۳: مدیریت وضعیت با Redux
- آموزش ساخت فروشگاه فول استک با جنگو و ری اکت – فصل ۴: سبد خرید
- آموزش فروشگاه آنلاین با جنگو پایتون و ری اکت – فصل ۵: اعتبارسنجی
- آموزش ساخت فروشگاه فول استک با جنگو و ری اکت – فصل ۶: احراز هویت
- آموزش ساخت فروشگاه فول استک با جنگو و ری اکت – فصل ۷: ثبت سفارش
- آموش ساخت فروشگاه فول استک با جنگو و ری اکت ــ فصل ۸: درگاه پرداخت
- آموزش ساخت فروشگاه فول استک با جنگو و ری اکت ــ فصل ۹: انتشار آنلاین
این فصل در یک نگاه
همانطور که از اسم این فصل بر می آید ما سیستم احراز هویت کاربر را در بک-اند پیاده سازی می‌کنیم. اول جوت یا ( JWT ) درک و سپس باهم آن را نصب می‌کنیم. در نهایت برای خودمان طبق نیازی که داریم شخصی سازی‌هایی را انجام می‌دهیم.
بعد از آن به سراغ نصب و تنظیم نرم افزار postman که نرم افزاری قدرتمند جهت کار با apiها است رفتیم. سریالایزرهای مربوط به کاربران را نوشتیم. سریالایزری ایجاد کردیم تا اطلاعات مورد نیاز در سمت فرانت-اند را سریالایز و به عنوان ریسپانس به فرانت-اند پاس دهد.
سریالایزر دیگری ایجاد کردیم برای اینکه کاربری که تازه ثبت نام می‌کند با توکنی جدید بر اساس اطلاعات کاربر تازه ثبت نام شده یا اطلاعات به روز کاربر، ایجاد شود.. با سطح دسترسی‌ها یا ( permissions ) کار کردیم که کاربری که احراز هویت کرده است بتواند پروفایل خود را ببیند.
تا اینجا فروشگاه ما هیچ راهی به جز پنل مدیریت برای ثبت نام کاربران ندارد پس شروع به طراحی ویویه ثبت نام کردیم. امکانی ایجاد کردیم تا کاربر در سمت فرانت-اند برای ورود بتواند با ایمیل خود وارد شود و ما خودمان در بک-اند آن را مدیریت کنیم به این واسطه یکبار دیگر با سیگنال‌ها در جنگو کار کردیم. در نهایت کدها را از هم جدا کردیم و برای هر کار بخشی را درنظر گرفتیم تا در آینده که پروژه بزرگتر و کدها بیشتر می‌شود بین کدها سردرگم نشویم.
این آموزش بی نظیر است زیرا:
- مباحث پیشرفته در جنگو رست به صورت پروژه محور کار می‌شود.
- با سیستم JWT که روشی نوین در احراز هویت کاربران است کار می‌کنیم.
پیشنیاز
- آموزش مقدماتی ری اکت (+)
- فصل‌های اول (+) و دوم (+) و سوم (+) و چهارم (+) آموزش فروشگاه با جنگو و ری اکت
کلیدواژگان
آموزش فروشگاه آنلاین با جنگو | ساخت فروشگاه اینترنتی با جنگو | آموزش طراحی سایت با جنگو | jwt در جنگو | احراز هویت jwt در جنگو | استفاده از jwt در جنگو | اعتبار سنجی بک اند | اعتبار سنجی بک اند با jwt | احراز هویت بک اند با jwt
امین دهقان (خریدار محصول) –
سلام مجدد بله استاد حق با شماست منصافنه حرف نزدم من از این سایت خیلی مطالب یاد گرفتم
ولی من فک میکردم این دو موضوع(بک اند و یو آی) به صورت جداگانه و تو لایه های جدا آموزش داده میشه و به ه وابستگی ندارند
خیلی حیف شد کلی پروژه رو برده بودم به سمت جلو
فقط صفحه لاگین مونده بود که بنویسم و کار رو تمام کنم واقعا تو این زمان کم که باید پروژه تحویل بدم نمیدونم چ کنم.
مصطفی آصفی –
سلام مجدد. ممنون از پاسخ تازه و دلگرم کننده شما. البته من هنوزم مشکلی که گفتین رو درک نمی کنم. فرانت اند و بک اند این کار جدا هستن و شما مجبور نیستین که ای پی آی ها رو با پایتون ایجاد کنید.
ببینید back-end و front-end جدا هستن. چیز مهم در این کار ایده این هست که چطور متغیرها رو بین این دو بخش تبادل و تحلیل کنیم. شما می تونید همین API ها رو (همین خروجی جیسونی که می سازن) به جای جنگو با هر سیستم دیگه ای مثل ASP یا … پیاده سازی کنید یا برعکس از این ای پی آی ها تو فرانت اند دیگه ای مثلا اندروید استفاده کنید.
باز اگه دقیق تر توضیح بدین که کجا گیر کردین بنده یا مدرس این فصل شاید بهتر بتونیم با شما هم فکری کمک کنیم.
امین دهقان (خریدار محصول) –
سلام با احترام به شما متتاسفانه 5 ماه وقت گذاشتم ولی امروز فهمیدم که کلی اشتباه کردم
شما دارید ریکت آموزش میدید ولی وقتی رسیدیم به فصل ششم شما آموزش گیرنده رو مجبور میکنید بره به سمت پایتون و این در صورتی که شاید یکسی مثل من اصلا دسترسی به بک اند و وب سرویس نداره
یا اصلا بک اند رو با دات نت نوشته باشه
ای کاش اول میفرمودید که این آموزش مخصوص کسانی هست که حتمی از بگ اند پایتون میخان استفاده کنند
من خیلی از وقتم تلف شد!!! با احترام زیاد.
مصطفی آصفی –
سلام به شما. کم لطفی می کنید. از همون ابتدا تو فصل ۱ این دوره (+) و هم تقریبا تو همه فصل‌های دیگه به صراحت هم در فیلم معرفی و هم در توضیحات گفته شده که دوره با جنگو پایتون + ری اکت داره انجام میشه. حتی تو عنوان فصل ها هم هربار این تکرار شده «فروشگاه جنگو …»
شما از همراهان قدیمی همرویش هستین. از شما بعیده که آموزش ها رو بدون دقت به توضیحات و فیلم معرفی دنبال کنید.
علیرضا –
سلام خسته نباشید دوره ی جامع و خوبی بوده تا به الان که پیش رفتم فقط نقدی که میشه گرفت همین تعویض مدرس هست که نمیدونم بخاطر عادت به صدای و نحوه مدرس قبلیه یا حالا چیز دیگ زیاد جالب نبود موفق باشین
ابوالفضل حسن زاده –
سلام وقت شما بخیر . بله درست میفرمایید اما امیدوارم که مطلب و مسائل فنی کار رو گرفته باشید انشاالله که بقیه فصل ها رو هم بتونید پیش برید . در پایان از وقتی که برای نوشتن نظرتون گذاشتید سپاس گزارم . همین نظرات باعث میشه تا تدریس بنده بهتر بشه . اگر که دوست داشتید بفرمایید دقیقا کجای تدریس جالب نبود ؟! ( البته اگر که دوست دارید )
فاطمه یوسفی –
سلام استاد وقتتون بخیر و ممنون بابت اموزش های عالیتون،
استاد میشه لطفا تو این دوره هندل کردن موجودی محصول سایت رو هم اموزش بدین، مثلا اگ موجودی یک محصول تموم شد، چجوری اونو از سبد خرید مشتری حذفش کنیم🙏
حدیثه –
سلام وقت بخیر
آیا این اموزش برای کسانی که از ری اکت استفاده نمی کنند هم مناسب هست؟
ابوالفضل حسن زاده –
سلام وقت شما هم بخیر . بله مناسب هست البته از نظر بک اند . چون شما احتمالا میخواید فرانت اند رو با فریم ورک دیگه ای بزنید ، این فصل و فصل های دیگه در نوشتن بک اند میتونن به شما کمک کنند. چون بک اند با پایتون و جنگو رست هست. ولی تو قسمت بک اند نویسی میتونه برای شما انشالله مناسب باشه.
iman (خریدار محصول) –
سلام میشه لطفا آموزش آپلود فیلم هم تو فصل ۶ بذارید ممنون
ابوالفضل حسن زاده –
سلام به شما . ببینید اقا ایمان فصل ۶ منتشر شد و آپلود فیلم روی سایت هم زیاد به کار ما نمیاد البته شاید در اینده بعد از اینکه فروشگاه کامل کامل شد ، در قالب فصل های کوچولو کوچولو موارد دیگری رو هم قرار بدیم اما فعلا کمکی که میتونم به شما بکنم این هست .
لینک اول
لینک دوم
لینک سوم
خب شما این لینک ها رو یه نگاه بندازید انشالله که خودتون بتونید یاد بگیرید . چیزی که ادم خودش پیگیر باشه و یادش بگیره از منابع مختلف ( انگلیسی باشه که چه بهتر ) ، اون یه حس و حال دیگه ای داره و با این کار هاست که ما تبدیل به ادم های حرفه ای میشیم که میتونیم با سرچ کردن و تجربه ها و دانش قبلی که داریم کار رو بفهمیم و در بیاریم . باز اگر که سوالی بود من در خدمتم.
ایمان نم (خریدار محصول) –
با سلام. فصل ۶ کی منتشر میشه؟
ابوالفضل حسن زاده –
سلام به شما ببخشید پاسختون دیر شد. انشاالله همین روز ها منتشر خواهد شد . باز هم از شما و دیگر فراگیر ها عذرخواهی میکنم به خاطر تاخیری که در انتشار فصل ششم افتاد.
hosseinsalmani (خریدار محصول) –
سلام و خسته نباشید از آموزش خوبتون . پس فصل ششم کی منتشر میشه ؟؟؟؟؟
ابوالفضل حسن زاده –
سلام ٬ شما هم خسته نباشید . انشالله به زودی زود منتشر خواهد شد .
رضا (خریدار محصول) –
درود بر شما آقای حسن زاده
بسیار از شما آموختم در این دوره ی آموزشی.
و البته یک سوالی هم برای من پیش اومد
چرا مقدار اکسس توکن و رفرش توکن در صفحه ی جنگو رست ما نمایش داده میشه اما در نرم افزار “پست من” این مقادیر حتی با وجود ارسال دوباره ی اکسز توکن به صورت کی-ولیو نمایش داده نمیشه؟
و یک پیشنهاد برای فصل بعدی داشتم
اگه امکانش هست با کتاب خونه ی (https://www.npmjs.com/package/react-hook-form)react-hook-form فرم ها رو بسازید چون به نظرم هم کتابخونه ی جامعی هستش و هم خیلی ازش استقبال شده.البته این کتابخونه یه رقیب هم داره به اسم formik(https://www.npmjs.com/package/formik)
و یک نقد خیلی کوچیک هم به آقای آصفی عزیز که البته نظر شخصی من هستش و امیدوارم سو تفاهمی به وجود نیاره
به نظرم خیلی جالب نیست که مدرس یک دوره ی آموزشی در اواسط فصل و بدون اعلام قبلی در ابتدای شروع آموزشی تغییر کنه چون حداقل من به عنوان دنبال کننده ی این مسیر آموزشی با صدا و روش بیان و … سازگار شده بودم.
البته باز تاکید کنم که از آموزش جناب حسن زاد رضایت داشتم .
به امید کلی اتفاق خوب و آموزش های جدید در مجموعه ی همرویش.پاینده باشید.
ابوالفضل حسن زاده –
سلام به شما دوست عزیزم اقا رضا .
خیلی ممنون از محبت و لطف شما و خیلی خوشحالم که از نحوه تدریس بنده راضی بودید. در جواب سوالتون باید بگم که دقت کنید اون جیسونی که میبینیم رو یک سریالایزری ٬ سریالایز کرده . باید دقت کنیم که این جیسون رو کدوم سریالایزر ساخته . پس پیشنهاد میکنم که درس ۶ رو یک بار دیگه مشاهده بفرمایید تا متوجه منظورم بشید .
اون اکسس و رفرش رو TokenObtainPairSerializer سریالایز میکنه که ما در جواب میتونیم اکسس و رفرش رو ببینیم . دقت کنید دارید به کدوم ویو درخواست میزنید و اون ویو کدوم سریالایزر رو صدا میزنه .
و در پایان هم خیلی ممنون از شما بابت کتابخونه و منابعی که معرفی کردید.
امین اجاقی (خریدار محصول) –
درو خدا بر استاد عزیز و بزرگوار ابوالفضل حسن زاده عزیز و دوست داشتنی روز پدر و روز ولادت حضرت علی (ع) نور بهشتیمان بر شما عزیزان مبارک باد دوست خوبم من بسیار لذت می برم که شما عزیزان خدا، اینچنین با صلح و دوستی و معرفت استادی و علم آموزی که از خدا یافته اید و من این آگاهی را از درونتان دریافت می نمایم که عشق به روشنایی و آگاه ساختن جامعه خویش دارید در کار هستید و علوم برنامه نویسی را به این شکل زیبا گسترش می دهید که از خدا به فراوانی برکات از آسمان برایتان می خواهم تا این راه را به کمال بروید به همین صورت دوستان وآشنایان بیابید و کلیه علوم را پرورش دهید تا در دنیای پیرامونمان آگاه از تمامی علوم موجود در حیات خدا زیست نماییم و در مسیر زندگیمان در راستای عشق و محبت خدا دنیایمان را زیبا سازیم. ایمان و امید محبت بی کران نور راه زیبایتان باشد. برکت خدا بر شما عزیزان و عشق زندگیتان و خانواده های محترمتان و دوستان و آشنایانتان.
ابوالفضل حسن زاده –
سلام به شما دوست خوبم اقای اجاقی عزیز . خیلی ممنون از پیام گرم و انرژی بخش شما .امیدوارم هر روز براتون جشن و شادی باشه. ممنونم از محبتتون. بنده هم برای شما آرزوی تندرستی و شادکامی در کنار خانواده محترم دارم.
امین اجاقی (خریدار محصول) –
سلام بر استاد عزیز و دوست داشتنی مرد خدا ابوالفضل حسن زاده دوست خوبم استاد عزیز بسیار عالی و زیبا با بیانی شیوا مطالب را انتقال می دهید بسیار از شما سپاس گزارم می خواستم بدانم در مورد تعداد محصولات در انبار برای آپدیت api از سمت فرانت اند آیا مسیرش را در آموزش قرار می دهید زیرا در آموزش دیدم که چنین امکانی وجود دارد که تعداد محصولات موجود در انبار را نمایش می دهد و با خرید از انبار کم می شود به همین دلیل باید مسیر را فراهم سازیم تا api آپدیت گردد که در redux به راحتی می توانیم این امکان را اضافه نماییم و استفاده کنیم . برکت خدا بر شما عزیزان و عشق زندگیتان و خانواده های محترم و دوستان و آشنایانتان.
ابوالفضل حسن زاده –
سلام به شما دوست خوبم اقای اجاقی خیلی ممنون از دعای خیر شما . بله خب به هر حال ٬ هر فروشگاهی باید این امکان رو داشته باشه تا زمانی که محصولی خریداری شد ٬ به ان تعداد خریداری شده از انبار کم شود یعنی سمت بک اند که انشاالله این رو هم در آینده کار خواهیم کرد. باز هم متشکرم از وقتی که برای نوشتن دیدگاه تون گذاشتید.
مصطفی آصفی –
سلام و خدا قوت به مدرس خوب این دوره. بنده تک تک درس‌های این دوره رو با دقت دیدم و لذت بردم. دست مریزاد. دوستان از این دوره حمایت کنید که به یه بسته قابل جامع فروشگاهی پایتون تبدیل بشه.
ابوالفضل حسن زاده –
سلام استاد وقت شما بخیر . خیلی ممنون خوش حالم که لذت بردید . انشالله که برای فراگیر ها هم به همین صورت باشه.
رضا –
سلام وقت بخیر
توی ویدیو های اول دوستان گفتن عضویت و ورود با شماره موبایل هست
گفتید شبیه پروژه های واقعی میخواهید در بیارید
تشکر
ابوالفضل حسن زاده –
سلام اقای رضا رستمی وقت شما هم بخیر . خوشحالم که پیگیر این آموزش هستید.
بله ما به تمام امکاناتی که گفته شده عمل خواهیم کرد و واقعا هدف اینه که مثل یک فروشگاه واقعی بشه . ولی دقت کنید پروژه ٬ پروژه ی بزرگی هستش . اجرای این پروژه به تنهایی خیلی تحلیل و زمان نیاز داره. برای تدریس و آموزشش این سختی و انجام کار ۲ برابر میشه. یک سری موارد باید کاملا با امکانات کشور همخوان بشن و … . پس خیلی خوبه که عجله نکنیم و گام به گام پیش بریم الان ما در این فصل بنای احراز هویت سمت بک اند رو گذاشتیم. فصل آینده سراغ فرانت اند و تایید ایمیلی کاربر می ریم. بعدتر که درگاه پرداخت و امکانات اصلی اضافه شد یه امکان فعال سازی مضاعف با شماره همراه که این روزا تو خیلی فروشگاه ها رایج شده رو اضافه می کنیم. دیدین الان سایتای زیادی هستن که شما با ایمیل وارد میشین و بعد که وارد شدین میگن حالا همراه رو هم تایید کن. آپارات اگه اشتباه نکنم به همین صورته. صبور باشین و از آموزش حمایت کنید تا بتونیم یک پروژه خوب رو کامل کنیم.