آموزش احراز هویت با JWT (جیسون وب توکن) Express - Nuxt - Mongo
71 بار بازدید -
2 سال پیش
-
دیدین تا حالا مثال هایی
دیدین تا حالا مثال هایی که بعضی از معلم ها سرِ کلاس حل میکنند، با سوالاتی که سرِ امتحان واسمون طرح میکنند، چقدر تفاوت داره :)
تا الان بیشتر دوره های آموزشی که داخل سایتم منتشر کردم، شبیه مثال های سرِ کلاس بوده...
یادگرفتنش مفیده اما برای ورود به بازار کار، هنوز یه سری نکاتی کم دارن... همون نکاتی که بهشون میگن فوت استادی...
آموزش های پروژه محور هم زمان زیادی میبره هم برای کسی که درس میده، چالش های زیادی داره... مثلا فرض کنید فیلم یک جلسه رو ضبط کردیم و بعد از خداحافظی، یادمون میید یک موضوع مهم رو نگفتیم :)
باز باید کلی فیلم رو ویرایش کنیم تا اون تیکه، جاساز بشه :)
یا مثلا جایی که من دارم ضبط میکنم، گاهی وقات موتوری ها رفت و آمد دارند، بعد من از دور که صداشون رو میشنوم میزنم Stop ... بعدش که طرف مییاد و میره، یادم رفته چی میخواستم بگم :))))) خیلی باحاله...
اما با این همه داستان هایی که هست، باز هم میارزه و حس خوبی دارم از اینکه نکات برنامه نویسی رو دارم به بقیه آموزش میدم. یک نفر هم که اینارو یاد بگیره و انشالله یک منبع درامد حلالی رو برای خودش رقم بزنه، خدارو بی نهایت شکر میکنم.
چیزی که در نهایت تصمیم گرفتم، آموزش یک پروژه ی فول استکی بود تا بتونم خیلی از موارد برنامه نویسی رو پوشش بدم.توی این دوره، ما هم سمت فرانت اند رو پوشش میدیم و هم سمت بک اند...
https://doctorjs.ir/store/course/jwt-course/115
یه چیز خیلی باحال هم اینکه کل سورس کد رو در اختیارتون قرار میدم تا تمام دوستانی که دوره را تهیه میکنند، بتونن کدهای برنامه رو تغییر داده و خودشون دست به کد بشن.
الان هم تا جلسه ی 15 ام از این آموزش، تولید شده و در سایت قرار داده شده است.
دموی این جلسه رو در این لینک قرار دادم.
https://doctorjs.ir/store/episode/jwt-course/244
آموزش احراز هویت با JWT (جیسون وب توکن) Express - Vue - Mongo
مگه میشه پروژه ای رو بسازیم که کاربری در اون دخالت نداشته باشه :)
یکی از زیرساخت های مهم هر پروژه، تشخیص و احراز هویت کاربران هست.
ویژگیهای برنامه در سمت backend:
استفاده از NodeJS به عنوان موتور اجرای کدهای جاوا اسکریپت در سمت سرور
استفاده از کتابخانه ExpressJS برای طراحی API
پیاده سازی انواع route های GET , POST , PUT
استفاده از Middleware برای تایید توکن (verify)
ایجاد route لاگین جهت ایجاد توکن (sign)
استفاده از mongoose برای انجام عملیات CRUD روی دیتابیس
استفاده از body-parser جهت دریافت پارامترها از سمت کاربر
ویژگیهای برنامه در سمت frontend:
استفاده از NUXT 3 به جهت بهینه سازی برنامه برای موتورهای جستجو (بچه ها کدهای ویو جی اس در سمت کلاینت اجرا میشن و این برای موتورهای جستجو ایده آل نیست. برای همین ما از ناکست، استفاده کردیم تا کدهامون سمت سرور ران بشن و در نتیجه بتونید مانور خوبی روی سئو داشته باشید)
استفاده از Option API به جهت آشنایی با VueJS 2
مهاجرت به Composition API به جهت آشنایی با VueJS 3
نصب و استفاده از فریم ورک تیلویند (tailwindcss) (این فریم ورک، خودش یک دوره ی جداگانه داره اما توی این دوره هم تا حدی توضیح دادیم در مورد تیلویند و با بررسی کدهای برنامه، میتونید بفهمید داستانش چیه)
نحوه کانفیگ کلاس های کاستوم در tailwindcss
ایجاد یک قالب ریسپانسیو برای سایت
استفاده از Composable
استفاده از Pages
استفاده از Components
استفاده از Plugins
استفاده Layouts
استفاده از mixins
نمایش کامپوننت ها در مودال
استفاده از فونت زیبای وزیر در پروژه
ذخیره و بازیابی توکن در LocalStorage
برای دیتابیس هم همونطور که گفتم از دیتابیس فوق العاده پرقدرت MongoDB استفاده میکنم.
البته آموزش مونگو یک مقدار مفصل هست و در این پروژه فقط در حد نیاز من توضیحاتی رو خدمتتون ارائه دادم.
2 سال پیش
در تاریخ 1401/06/26 منتشر شده
است.
71
بـار بازدید شده