آموزش احراز هویت با 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 بـار بازدید شده
... بیشتر