مقدمه
در دنیای دیجیتال امروز ، روزنامه نگاری از نوت بوک های قلم و کاغذی تا برنامه های ایمن و مبتنی بر ابر تکامل یافته است. در این پست وبلاگ ، من شما را در سفر خود برای ساختن یک برنامه خاطرات شخصی با استفاده از React.Js برای Frontend و Firebase برای خدمات باطن ، از جمله تأیید اعتبار و مدیریت پایگاه داده ، طی می کنم.
ویژگی های برنامه خاطرات
احراز هویت کاربر
عملیات CRUD برای ورودی های خاطرات
ضامله حالت تاریک
همگام سازی داده های زمان واقعی
طراحی پاسخگو
پشته فنی
Frontend: React.js ، CSS
Backend: Firebase (احراز هویت + Firestore)
رسیدگی به تاریخ: تاریخچه های FNS
مدیریت دولت: قلاب واکنش نشان می دهد
روند توسعه
-
تنظیم Firebase
قبل از غواصی در React ، من Firebase را پیکربندی کردم:
یک پروژه Firebase ایجاد کرد
پایگاه داده Firestore را با قوانین امنیتی تنظیم کنید
تأیید اعتبار ایمیل/رمز عبور -
ساخت برنامه React
جریان احراز هویت
مورد استفاده CreatUserWithEmailAndPassword و SignInwithEmailAndPassword
وضعیت کاربر مدیریت شده با onauthstatechanged
چالش ها و راه حل ها
دکمه هایی که روی کلیک اول پاسخ نمی دهند
ورودی ها پس از اضافه کردن نمایش داده نمی شوند
خطاهای اجازه آتش نشانی
پیشرفت های آینده
ویرایش متن غنی را اضافه کنید
برچسب ها/دسته ها را برای ورودی ها پیاده سازی کنید
آپلودهای تصویر را با ذخیره سازی Firebase فعال کنید
با تداوم Firestore پشتیبانی آفلاین را اضافه کنید
پایان
ساختن این برنامه خاطرات یک تجربه یادگیری خارق العاده در ادغام React + Firebase بود. این اهمیت مدیریت مناسب دولت ، رسیدگی به خطا و بهینه سازی عملکرد را تقویت می کند.
اگر به دنبال ساختن یک پروژه مشابه هستید ، من این پشته را به دلیل سادگی و مقیاس پذیری آن توصیه می کنم.
