حالت مطالعه
در این دوره آموزشی با استفاده از تکنولوژی های react native، react، nodejs، mongodb و graphql یک اپلیکیشن فروشگاهی مشابه دی جی کالا (react native) به همراه پنل مدیریت (react) و API برای اتصال به سرور (nodejs ، mongodb و graphql) توسعه خواهیم داد.
هدف ما در reactapp از همان ابتدا ارائه آموزش های کاربردی و تخصصی در حوزه جاوااسکریپت برای ورود به بازار کار بوده است. با توجه به درخواست شما کاربران عزیز و لزوم وجود چنین دوره ای، تصمیم بر آماده سازی این دوره گرفتیم تا شما با آمادگی کامل به عنوان یک full-stack developer وارد بازار کار شوید.
هدیه ویژه برای کاربران این دوره :
در پایان این دوره پروژه بر روی سرویس لیارا آپلود خواهد شد. به همین منظور برای تمامی کاربرانی که این دوره را از سایت reactapp تهیه کنند از طرف لیارا حسابشون به مبلغ 50 هزار تومان شارژ خواهد شد که فرصت بسیار مناسبی است.
برای آشنایی با نحوه دریافت این هدیه می توانید پست هدیه ویژه کاربران دوره NodeJS و ReactJS| پنجاه هزار تومان اعتبار سرویس لیارا را مطالعه نمایید.
جهت آشنایی با دوره ویدیوهای بخش معرفی و سرفصل ها را مشاهده نمایید.
فصل اول : ساخت اپلیکیشن فروشگاهی (مشابه Digikala) با React Native
0. ایجاد پروژه
1. آماده سازی ملزومات شروع پروژه
2. ایجاد کامپپوننت slider صفحه اصلی
3. ایجاد کامپوننت دسته بندی های صفحه اصلی
4. نصب کتابخانه react native material ripple
5. ایجاد کامپوننت تخفیفات ویژه صفحه اصلی
6. ایجاد کامپپوننت محصولات پرفروش
7. ایجاد کامپپوننت جدیترین محصولات
8. ایجاد صفحه دسته بندی محصولات
9. ایجاد صفحه لیست محصولات - بخش ول
10. ایجاد صفحه لیست محصولات - بخش دوم
11. ایجاد صفحه single page برای هر محصولات
12. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش اول
13. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش دوم
14. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش سوم
15. طراحی بخش مشخصات و نظرات کاربران برای هر محصول
16. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش اول
17. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش دوم
18. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش سوم
19. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش چهارم
20. ایجاد کامپوننت نمایش توضیحات محصول
21.کار با layout-animation برای ساخت انیمیشن باکس توضیحات محصول
22. ایجاد کامپوننت برای امتیازدهی محصول - بخش اول
23. ایجاد کامپوننت برای امتیازدهی محصول - بخش دوم
24. ایجاد کامپوننت برای محصولات پر فروش
25. طراحی صفحه سبد خرید - بخش اول
26. طراحی صفحه سبد خرید - بخش دوم
27. طراحی صفحه سبد خرید - بخش سوم
28. طراحی صفحه لاگین - بخش اول
29. طراحی صفحه لاگین - بخش دوم
30.طراحی صفحه ثبت نام کاربران
31. طراحی صفحه فراموشی پسورد - بخش اول
32. طراحی صفحه فراموشی پسورد - بخش دوم
33. طراحی صفحه فراموشی پسورد - بخش سوم
34. طراحی صفحه جستجو - بخش اول
35. طراحی صفحه جستجو - بخش دوم
36. طراحی Hreader و Button های آن
37. طراحی نمایش محصولات به صورت جعبه ای
38. طراحی نمایش محصولات به صورت تمام صفحه ای
39. طراحی نمایش محصولات به صورت ستونی
40. طراحی Button تغییر نحوه نمایش محصولات
41. ساخت آرایه برای نمایش محتوای Fake باکس ها
42. ساخت Modal برای Button مرتب سازی
43. ساخت Modal برای Button مرتب سازی بخش دوم
44. ساخت Modal برای Button مرتب سازی بخش سوم
45. طراحی صفحه دسته بندی - بخش اول
46. طراحی صفحه دسته بندی - بخش دوم
47. طراحی صفحه دسته بندی - بخش سوم
50. طراحی هدر برای صفحه اصلی - بخش دوم
48. ایجاد تغییرات در صفحه اصلی - بخش اول
49. ایجاد تغییرات در صفحه اصلی - بخش دوم
50. طراحی Header برای صفحه اصلی - بخش اول
51. طراحی Header برای صفحه اصلی - بخش دوم
52. طراحی Header برای صفحه about و Category
53. ساخت Headerبرای صفحه product, shop cart , login
54. طراحی Headerبرای صفحه forget pass , sign In
55. طراحی Header برای صفحه search , category
56. ساخت Footer برای صفحه login
57. طراحی فوتر برای صفحه ثبت نام
58. استفاده از react navigation hooks برای جابجایی بین صفحات
59. پیکربندی route ها - بخش اول
60. پیکربندی route ها - بخش دوم
61. طراحی drawer - بخش اول
62. طراحی drawer - بخش دوم
63. طراحی drawer - بخش سوم
64. طراحی drawer - بخش چهارم
65. راستچین کردن پروژه
66. اضافه کردن فونت فارسی به پروژه
67. غیر فعال کردن حالت orientation اپلیکیشن
68.طراحی صفحه نظرات کاربران - بخش اول
69.طراحی صفحه نظرات کاربران - بخش دوم
70.طراحی صفحه نظرات کاربران - بخش سوم
71.طراحی صفحه افزودن نظرات - بخش اول
72.طراحی صفحه افزودن نظرات - بخش دوم
73.طراحی صفحه افزودن نظرات - بخش سوم
74. ارسال داده ها - بخش اول
75. ارسال داده ها - بخش دوم
فصل دوم : ساخت API با استفاده از (NodeJS + Graphql)
0. معرفی فصل دوم
1. آماده سازی پروژه
2. اتصال به دیتابیس - mongodb
3. اتصال به دیتابیس - mysql
4. آشنایی با global config
5. ایجاد فایل env.
6. شروع کار با Graphql
7. ایجاد schema
8. ایجاد resolver
9. آشنایی با Apollo server
10. پیاده سازی بخش ایجاد حساب کاربری (register) - قسمت اول
11. پیاده سازی بخش ایجاد حساب کاربری (register) - قسمت دوم
12. اعتبارسنجی - validation
13. مدیریت خطاها - Error Handling
14. پیاده سازی ورود به حساب کاربری - login
15. ماژول JWT - احراز هویت (Authentication) - قسمت اول
16. context در Apollo server
17. ماژول JWT - احراز هویت (Authentication) - قسمت دوم
18. پیاده سازی کتابخانه چند رسانه ای (Multimedia) - قسمت اول
19. آپلود فایل
20. پیاده سازی کتابخانه چند رسانه ای (Multimedia) - قسمت دوم
21. پیاده سازی بخش دسته بندی محصولات (category) - قسمت اول
22. پیاده سازی بخش دسته بندی محصولات (category) - قسمت دوم
23. روابط بین کالکشن ها (relationship) - قسمت اول
24. روابط بین کالکشن ها (relationship) - قسمت دوم
25. پیاده سازی بخش brand محصولات - قسمت اول
26. پیاده سازی بخش brand محصولات - قسمت دوم
27. پیاده سازی معیارهای امتیازدهی در بخش commentها - قسمت اول
28. پیاده سازی معیارهای امتیازدهی در بخش commentها - قسمت دوم
29. پیاده سازی dynamic مشخصات محصول - قسمت اول
30. پیاده سازی dynamic مشخصات محصول - قسمت دوم
31. پیاده سازی جزئیات مشخصات محصول - قسمت اول
32. پیاده سازی جزئیات مشخصات محصول - قسمت دوم
33. پیاده سازی بخش فروشنده
34. پیاده سازی بخش گارانتی
35. افزودن اسلایدر (slider) - قسمت اول
36. افزودن اسلایدر (slider) - قسمت دوم
37. افزودن بنر (baner) - قسمت اول
38. افزودن بنر (baner) - قسمت دوم
39. افزودن محصول (product) - قسمت اول
40. افزودن محصول (product) - قسمت دوم
41. افزودن محصول (product) - قسمت سوم
42. افزودن محصول (product) - قسمت چهارم
43. پیاده سازی کوئری فرم افزودن محصول (product)
44. پیاده سازی کوئری نمایش محصول (product)
45. ویرایش ویژگی های محصول (product attribute)
46. آپلود تصاویر محصول
47. ویرایش محصول (product)
48. ویرایش اسلایدر (slider)
49. ویرایش بنر (banner)
50. پیاده سازی کوئری وضعیت سفارشات (Order Status)
51. پیاده سازی بخش نظرات کاربران - قسمت 1 (Add Comment)
52. پیاده سازی بخش نظرات کاربران - قسمت 2 (Show Comment)
53. پیاده سازی بخش نظرات کاربران - قسمت 3 (َAprove Comment)
54. پیاده سازی بخش نظرات کاربران (Like)
55. پیاده سازی بخش نظرات کاربران (Dislike)
56. پیاده سازی بخش علاقه مندی ها
57. پیاده سازی بخش کاربران (users)
58. پیاده سازی بخش کاربران (profile)
59. اتصال به درگاه پرداخت - قسمت اول
60. اتصال به درگاه پرداخت - قسمت دوم
61. اتصال به درگاه پرداخت - قسمت سوم
62. اتصال به درگاه پرداخت - قسمت چهارم
63. اتصال به درگاه پرداخت - قسمت پایانی
64. پیاده سازی داشبورد پنل ادمین - قسمت اول
65. پیاده سازی داشبورد پنل ادمین - قسمت دوم
66. پیاده سازی داشبورد پنل ادمین - قسمت سوم
67. پیاده سازی داشبورد پنل ادمین - قسمت چهارم
68. احراز هویت پیامکی
69. اجرای سرور با استفاده از cluster
70. مانیتوریگ سرور - pm2
71. مانیتوریگ سرور - keymetrics
72. استقرار پروژه
فصل سوم: ساخت پنل مدیریت با ReactJs
0. معرفی فصل سوم
1. clone قالب از gitHub
2. بررسی ساختار قالب
3. فارسی سازی قالب و بررسی route ها
4. طراحی صفحه ورود به پنل مدیریت
5.استفاده از captcha گوگل و ارتباط با API
6.طراحی فرم آپلود فایل
7. اضافه کردن ویژگی drag و drop برای آپلود فایل
8. بررسی نوع، حجم و تعداد فایل ها
9. ارتباط با API و آپلود فایل ها بر روی سرور
10. طراحی صفحه نمایش فایل های آپلود شده
11. ارتباط با API و نمایش فایل ها
12. اضافه کردن Modal برای نمایش هر فایل به همراه جزئیات (نام،نوع،ابعاد،تاریخ ایجاد)
12. اضافه کردن Modal برای نمایش هر فایل به همراه جزئیات (نام،نوع،ابعاد،تاریخ ایجاد)
13. طراحی فرم اضافه کردن Category
14. اتصال به API و اضافه کردن Category
15. نمایش Category ها
16. طراحی فرم اضافه کردن برند
17. نمایش برندها
18. طراحی فرم نحوه امتیاز دهی به محصولات
19. نمایش معیار های امتیاز دهی
20. طراحی فرم اضافه کردن عنوان اصلی مشخصات برای هر Category
21. نمایش عناوین اصلی مشخصات
22. طراحی فرم اضافه کردن زیرعنوان برای عنوان های اصلی
23. نمایش زیرعنوان ها
24. طراحی فرم اضافه کردن فروشنده
25. نمایش فروشنده ها
26. طراحی فرم اضافه کردن گارانتی
27. نمایش گارانتی ها
28. طراحی فرم اضافه کردن محصول
29. ثبت محصول جدید
30. نمایش محصولات
31. اضافه کردن فروشنده جدید به محصول
32. نمایش فروشندگان محصول
33. ویرایش محصول
34. نمایش عکس های یک محصول و اضافه کردن عکس جدید
35. طراحی فرم اضافه کردن وضعیت سفارش
36. نمایش وضعیت سفارشات
37. نمایش سفارشات
38. تغییر وضعیت هر سفارش
39. نمایش جزئیات سفارش
40. نمایش اطلاعات کاربران
41. نمایش سفارشات هر کاربر
42. نمایش نظرات هر کاربر
43. نمایش لیست علاقه مندی های هر کاربر
44. نمایش نظرات
45. تغییر وضعیت هر نظر
46. نمایش نظرات با جزئیات کامل
47. طراحی فرم اضافه کردن اسلایدر
48. نمایش اسلایدر ها
49. ویرایش اسلایدر
50. حذف اسلایدر
51. طراحی فرم اضافه کردن بنر
52. نمایش بنرها
53. ویرایش بنر
54. نمایش تعداد کاربران به تفکیک ماه در داشبورد
55. نمایش تعداد سفارشات به تفکیک ماه در داشبورد
56. نمایش تعداد محصولات به تفکیک ماه در داشبورد
57. نمایش تعدادنظرات به تفکیک ماه در داشبورد
58. نمایش تعدادسفارشات لغو شده به تفکیک ماه در داشبورد
59. نمایش تعدادفروشندگان به تفکیک ماه در داشبورد
60. نمایش نمودار پرداختی های 10 روز گذشته در داشبورد
61. نمایش نمودار وضعیت سفارشات در داشبورد
62. نمایش نمودار تعداد کاربران به تکیک ماه در داشبورد
63. نمایش نمودار تعداد پرداختی های 10 روز گذشته
64. نمایش درصد کاربران زن و مرد در داشبورد
فصل چهارم : اتصال اپلیکشن به API
0. معرفی فصل چهارم
1. اتصال به API و گرفتن اطلاعات مربوط به صفحه اصلی
1. ارسال اطلاعات دریافتی از API به کامپوننت Slider و نمایش آن
2. ارسال اطلاعات دریافتی از API به کامپوننت Category و نمایش آن
3. ارسال اطلاعات دریافتی از API به کامپوننت Suggestion Product و نمایش آن
4. ارسال اطلاعات دریافتی از API به کامپوننت Banners و نمایش آن
5. ارسال اطلاعات دریافتی از API به کامپوننت Top Selling Productsو نمایش آن
6. ارسال اطلاعات دریافتی از API به کامپوننت new Products و نمایش آن
7. اتصال به API برای گرفتن اطلاعات product و نمایش آن
8. اتصال به API برای گرفتن مشخصاتproduct و نمایش آن
9. اتصال به API برای گرفتن نظرات product و نمایش آن
10. اتصال به API برای ثبت نظر برای product
11. اتصال به API برای login و ذخیره token به وسیله context
12. اتصال به API برای SignUp
13. اتصال به API برای اعتبار سنجی کد پیامکی دریافت شده
14. نمایش زیر دسته های هر Category
15. نمایش محصولات هر category
16.افزودن محصول به لیست مورد علاقه
17. استفاده از Context برای افزودن محصولات به سبد خرید
18.افزودن محصول به سبد خرید
19.حذف محصول از سبد خرید
20. بررسی وضعیت login کاربر برای ثبت سفارش
21. طراحی فرم تکمیل اطلاعات سفارش
22. استفاده از regex برای تعیین وضعیت پرداخت(موفق یا عدم موفقیت عملیات پرداخت)
22. استفاده از webView برای اتصال به درگاه پرداخت
برچسب: آموزش GraphQl آموزش mern آموزش mongodb آموزش node js آموزش react آموزش react native آموزش پروژه محور react آموزش پروژه محور react native
moreدوره های مرتبط
آموزش GraphQl
در حال حاضر و در بین جوامع برنامه نویس شرایطی وجود دارد که آنها را به بدترین شکل ممکن به…
85
آموزش جامع React Js
React Js اساسا یک کتابخونه open-source جاوا اسکریپتی برای ساخت رابط کاربری(user interfaces) برای single page applications(اپلیکیشن های تک صفحه ای)…
277
آموزش جاوااسکریپت (javascript)
این روز ها محبوبیت جاوااسکریپت رو نمیشه انکار کرد ، توانایی های این زبان داره روز به روز بیشتر میشه و طرفدارانش…
2,290
رایگان!
mostafa
من الان اگه توکنی که داخل استوریج ذخیره شده رو به صورت دستی ادیت کنم و وارد داشبورد بشم بدون هیچ مشکلی کار میکنه! این چه لاگین چکیه آخه!
مهدی(مدیریت)
با سلام.
اگر توجه کرده باشید ما توکن رو در header تمامی درخواست به سرور ارسال میکنیم و این توکن سمت سرور چک میشه.
در واقع زمانی که ما برای لاگین درخواست ارسال میکنیم اگر اطلاعات درست باشه، توکن سمت سرور ساخته و برای ما ارسال میشه.این توکن ساخته شده سمت سرور دخیره میشه.
حالا در هر درخواست که ما این توکن رو میفرستیم.سمت سرور با توکن های معتبر ذخیره شده چک میشه.اگر معتبر بود اطلاعات ارسال میشه وگرنه هیچ دیتایی برگشت داده نمیشه.
شما حالا اگر توکن رو خودتون دستکاری کنید یا ایجاد کنید وارد پنل میشید ولی هیچ دیتایی برای شما نمایش داده نمیشه چون توکن معتبر نیست.
علنا ورود به این داشبورد هیچ نفعی نداره چون اطلاعاتی نمایش داده نمیشه.
شما میتونید همچنین توکن در contex ذخیره و چک کنید.ولی اگر کاربر صفحه رو refresh کنه به صفحه اصلی بر میگرده.
همچنین میتونید توکن رو در cookie به صورت http only ذخیره کنید تا برای سرور ارسال بشه
کامران
سلام
در مانگو دی بی و در قسمت populate چه موقع استفاده از path الزامی نیست؟ قطعه کد زیر را ملاحظه کنید که برای user از path استفاده نکرده.
Rental.findById(req.params.id)
.populate(“user”, “_id”)
.populate({
path: “bookings”,
select: “startsAt”,
match: {
startsAt: { $gt: new Date() }
}
علی(مدیریت)
سلام وقت بخیر
زمانی که به field که در همان مدل تعریف شده اشاره کنید نیازی به استفاده از path نیست اما اگر رو همان field بخواهید به یک مدل دیگه اشاره کنید و یا از virtualfield در مدل استفاده کرده اید از path استفاده کنید
کامران
خب در اینجا مگه مدل ها فرق نداره؟ یکیش rental و دیگری user هست و path استفاده نشده.
علی(مدیریت)
این مورد ویدیو توضیح داده شده در عین حال docs مربوط به mongoose مرتبط با populate رو بررسی کنید. اگر این موضوع براتون گیج کننده هست در همه موارد از path استفاده کنید.
populate(".......")populate({path : "......."})این دو مورد تفاوتی ندارن باهم
سیما
سلام
میتونم بپرسم آیا دلیل خاصی داشته که از نود برای سمت سرور استفاده کرده اید؟
علی(مدیریت)
سلام
تنها دلیلی که میشه برای این موضوع داشت این هست که شما با استفاده از js هم backend رو توسعه بدین و هم frontend
سیما
سلام
ببخشید چرا ترجیح دادید که از graphql به جای rest استفاده کنید؟
مهدی(مدیریت)
سلام
مقاله زیر رو بخونید به صورت کامل توضیح دادیم
https://reactapp.ir/graphql-or-rest/
rweza0910
سلام و درود
برای تماس تصویری توی برنامه تو NOD.js میشه از API کمک گرفت یا در کل باید برای این قسمت برنامه چیکار کرد
ممنون میشم راهنماییم کنین
مهدی(مدیریت)
سلام
برای تماس تصویری در بستر وب باید از WebRTC استفاده کنید
.برای پیاده سازی کامل با node js میتونید از لینک زیر استفاده کنید
https://tsh.io/blog/how-to-write-video-chat-app-using-webrtc-and-nodejs/
omid.bahariii73
با سلام خدمت شما، آیا این دوره برای یادگیری بهتر است یا دوره جامع ؟ خیلی ممنون
مهدی(مدیریت)
با سلام.
پیشنهاد من این دوره است چون دوره بروز هست و علاوه بر react native به موارد دیگه هم پرداخته میشه
omid.bahariii73
ببخشید آیا امکان تخفیف بیشتر برای این دوره هست اگر تخفیف بیشتر بدید خیلی ممنون میشم، خیلی دوست دارم برنامه نویسی موبایل یاد بگیرم .
علیرضا(مدیریت)
سلام به شما
با توجه به سرفصل های دوره و اینکه قیمت دوره نسبت به ارزش واقعی اون واقعا قیمت پایین تری داره متاسفانه امکان تخفیف بیشتر از 30 درصد وجود نداره.
masoud_ha
سلام وقت بخیر
چرا فصل چهارم جزء لیست دانلود فایل های دوره نیست؟
مهدی(مدیریت)
سلام وقت بخیر
فصل چهارم هنوز ضبط و آپلود نشده است
hamidmotamedi.com
سلام وقت بخیر
اوایل فروردین از شما پرسیدم که دوره چه زمانی تمام خواهد شد. فرمودید که اردیبهشت نهایتا خرداد
دوباره این سوال رو میپرسم که دوره چه زمانی تکمیل می‌شود؟
آیا این وقفه دلیل خاصی داشته؟
ممنون از شما
مهدی(مدیریت)
سلام وقت بخیر
به علت اضافه شدن یک سری سرفصل ها یکم طولانی تر شده بازه زمانی ضبط و همچنین به دلیل بیماری کووید 19 کمی وقفه ایجاد شده است
خالد
سلام من میخوام این دوره رو بخرم
آیا با این دوره میتونم اپی شبیه دیوار طراحی کنم؟
یعنی کاربران هم بتونند اگهی بفرستند سمت سرور
مهدی(مدیریت)
سلام
در این دوره با مهارت هایی که یاد خواهید گرفت میتوانید اپلیکیشن مشابه دیوار رو پیاده گنید
alirezaaghax6
سلام ممنون از دوره های خوبتون
بنده تازه این دوره رو ثبت نام کردم پس فعلا نمیتونم نظری بدم
فقط یک پیشنهاد داشتم.
بنده اومدم پارت اول آموزش رو دانلود کردم(ممنونم که پارت پارت میزارید) که حجمش حدود 600 مگ بود.
تصور میکردم حداقل 10 15 قسمت داخلش باشه اما 5 قسمت بود, پیشنهادم اینه که با نرم افزار هایی مانند handbrake حجم فیلم هارو پایین بیارید چون وضع بسته های اینترنت رو میدونید دیگه ! هم برای شما با صرفه میشه هم خرید کننده.
بنده قسمت دوم آموزش رو با نرم افزار handbrake از 100 مگ به 50 مگ تبدیل کردم و کیفیت تصویر و صدا هم مانند اصل فیلم خوب بود(با کدک 264 انجام دادم کدک 265 که بیشتر فشرده میکنه)
علیرضا(مدیریت)
سلام به شما
سعی کردیم پارت ها و تقسیم کنیم تا کاربرانمون بتونند دوره ها رو به راحتی دانلود کنند و اگر در اتصال اینترنت به چالش برخورد کردن حجم زیادی از دست ندن ممنون بابت کامنتتون سعی میکنیم این مورد بررسی و لحاظ بشه. تشکر از پیشنهاد شما شاد باشید
amirsaki06
سلام ببخشید من موقعی که داشتم api رو برای geAllmultimedia می نوشتم وقتی پکیج imagesize رو نصب کردم تابع به درستی کار نمی کنه و پکیج قدیمیه منسوخ شدس
لطفا راهنمایی کنید؟
علی(مدیریت)
سلام وقت بخیر
فک نمی کنم منسوخ شده باشه مستندات این پکیج رو بررسی کنید لطفا
مستندات
n.feyzshams
(node:13844) DeprecationWarning: collection.count is deprecated, and will be removed in a future version. Use Collection.countDocuments or Collection.estimatedDocumentCount instead
علی(مدیریت)
این ارور مربوط به مورد دیگه ای میشه شما کافیه به جای استفاده از count property به همراه متود find مستقیما از countDocuments و یا estimatedDocumentCount استفاده کنید.
amirsaki06
علی آقا مستنداتون کار نمی کنه و اینکه من وقتی با پکیج های image size و fileType کار می کنم در playground هم پارامتر format و dimwidth , dimheight نال نشون میده
علی(مدیریت)
موردی که میفرمایید من رو API مجددا تست کردم و مشکلی نداشت و ماژول هم منسوخ نشده. اگر از دیتابیسی که تو این بخش استفاده شده دارین استفاده میکنید (liara) به این دلیل که خیلی از دوستان هم از این دیتابیس استفاده می کنند به هر دلیلی ممکنه دیتا ها به هم بریزه و یا دیتایی در دیتابیس قرار بگیره مثل آدرس تصاویر در حالی که ذخیره نشده.(پیشنهاد: از دیتابیس local و یا اینکه ایجاد سرویس از حساب کاربری خودتون در لیارا)
تمامی موارد رو بررسی کنید و یک مورد دیگه شما باید قبل از اینکه از این دو مورد استفاده کنید دایرکتوری محل ذخیره تصویر رو با توجه به dir که از تصویر در دیتابیس ذخیره دارین چک کنید که آیا واقعا یه همچین تصویری وجود داره یا نه
if(fs.existsSync(path.join(__dirname,/public${element.dir})))لینک
amir
createError.js:16 Uncaught (in promise) Error: Request failed with status code 500
at createError (createError.js:16)
at settle (settle.js:17)
at XMLHttpRequest.handleLoad (xhr.js:61)
وقتی میخوام به ادمین پنلم درخواست بزنم که وارد پنل بشه این درخواست میاد فقط یه بار اومدم تب application لوکال استوریجمو پاک کردم لطفا راهنماییم کنید
مهدی(مدیریت)
سلام.
اگر local storage رو پاک کرده باشید باید مجدد از طریق صفحه login اقدام به ورود کنید.
الان من دقیقا مشابه شما تب application لوکال استوریجمو پاک کردم و بدون مشکل لاگین کردم
n.feyzshams
The server encountered an unexpected condition that prevented it from fulfilling the request
createError.js:16 Uncaught (in promise) Error: Request failed with status code 500
at createError (createError.js:16)
at settle (settle.js:17)
at XMLHttpRequest.handleLoad (xhr.js:61)
سلام میخوام درخواست به سرور اما تو جواب این پاسخ داده میشه چیکار باید ؟ لطفا راهنمایی کنید؟
مهدی(مدیریت)
سلام به احتمال زیاد توکن شما منقضی شده و شما باید مجددا لاگین کنید
چون توکن یک اعتبار مشخص زمانی داره و بعد از اون دیگه معتبر نیست و باید مجددا لاگین کنید