Product details screen using Flutter
Source Code ✅️
https://github.com/mazab99/shoes_ecommerce
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
Source Code ✅️
https://github.com/mazab99/shoes_ecommerce
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
❤7👍1🔥1
#منقول للافاده
الــ JWT ده اختصار لـ "JSON Web Token"، وده بروتوكول للتحقق من صحة معلومات المستخدم اللى بيدخل على الموقع أو التطبيق بتاعك.
ازاى بيتم التحقق من صحة معلومات المستخدم ده؟ يعني مثلاً لو المستخدم دخل اسم المستخدم وكلمة السر الصح، ازاى بتتأكد إنه ده المستخدم اللى يدخل ونقوله اهلا وسهلا على الموقع وتظهرله بياناته الخاصة؟
الحل اللى بيتبعه JWT ده انه بيعمل توكن (Token)، يعني بيولد قيمة مشفرة بتحتوي على بيانات المستخدم اللى مدخلها (زي الاسم والايميل)، وده التوكن بيتبعث للمستخدم كرد على الطلب اللى اتعمل من عنده. ولو المستخدم حابب يستخدم أي معلومة بتتعلق بحسابه، ممكن يضيف التوكن ده في كل طلب يبعته للموقع، والموقع هيتأكد من صحة التوكن وبالتالي يعتبر إن المعلومات اللى مدخلها صحيحة.
* الهيكل الأساسي لـ JWT. يتكون التوكن من ثلاثة أجزاء: (Header) (Payload) (Signature). يتم إنشاء التوكن عن طريق تشفير Header والـ Payload باستخدام خوارزمية التشفير المحددة، وبعدين بيتم إضافة الـ Signature للتحقق من صحة التوكن لما يروح للسيرفر.
** بعض واهم الخصائص:
الExpiration أو انتهاء الصلاحية بيتحكم بإعطاء صلاحيات مؤقتة للمستخدم بتحديد مدة صالحية الـtoken.
الRefresh بتدعم التحديث من خلال عملية الـrefresh token، ده بيمكن JWT من إدارة الصلاحيات المؤقتة بسلاسة.
الPayload بيسمح لك بنقل بيانات مهمة بدون ما تحتاج تتصل بقاعدة البيانات مرة تانية.
الStateless وده معناه إن JWT هو نظام للمصادقة stateless يعتمد على العميل فى حفظ الحالة بدلاً من الـserver.
من الممكن أنك تعمل refresh token من خلال JWT دون الحاجة لـstore session. ولجعلها مؤمنة، بنستخدم تشفير بواسطة Base64Url ونوع التشفير HS256 Cipher يتمتع بدعم من المكتبات البرمجية المتعة مثل jjwt.
الJWT ده مفيد بشكل كبير في حالة الـ Single Sign-On، يعني لو كان عندك موقع كبير وفيه أكتر من مكان بتدخل منه للموقع، الJWT بيتيح للمستخدم إمكانية تسجيل الدخول من اى مكان بنسجل من خلاله دخول من غير ما يحتاج يدخل اسم المستخدم وكلمة السر تاني. بمعنى تاني، المستخدم بيدخل مرة واحدة بس على الموقع، وبعد كده يبقى قادر على الوصول لكل الصفحات والخدمات اللى الموقع بيقدمها، بدون ما يحتاج يسجل الدخول مرة تانية.
وبيتم استخدام الJWT بشكل واسع في حاجات كتير، زي الـ authentication والـ authorization في تطبيقات الويب والموبايل. فعلى سبيل المثال، في تطبيقات الويب، بيتم إرسال التوكن المولد من الJWT بعد تسجيل الدخول للمستخدم في هيدر كل طلب يتم إرساله إلى السيرفر، السيرفر بيستخدم التوكن ده للتأكد من صحة المستخدم ومنحه الصلاحية للوصول للموارد المحددة.
الــ JWT ده اختصار لـ "JSON Web Token"، وده بروتوكول للتحقق من صحة معلومات المستخدم اللى بيدخل على الموقع أو التطبيق بتاعك.
ازاى بيتم التحقق من صحة معلومات المستخدم ده؟ يعني مثلاً لو المستخدم دخل اسم المستخدم وكلمة السر الصح، ازاى بتتأكد إنه ده المستخدم اللى يدخل ونقوله اهلا وسهلا على الموقع وتظهرله بياناته الخاصة؟
الحل اللى بيتبعه JWT ده انه بيعمل توكن (Token)، يعني بيولد قيمة مشفرة بتحتوي على بيانات المستخدم اللى مدخلها (زي الاسم والايميل)، وده التوكن بيتبعث للمستخدم كرد على الطلب اللى اتعمل من عنده. ولو المستخدم حابب يستخدم أي معلومة بتتعلق بحسابه، ممكن يضيف التوكن ده في كل طلب يبعته للموقع، والموقع هيتأكد من صحة التوكن وبالتالي يعتبر إن المعلومات اللى مدخلها صحيحة.
* الهيكل الأساسي لـ JWT. يتكون التوكن من ثلاثة أجزاء: (Header) (Payload) (Signature). يتم إنشاء التوكن عن طريق تشفير Header والـ Payload باستخدام خوارزمية التشفير المحددة، وبعدين بيتم إضافة الـ Signature للتحقق من صحة التوكن لما يروح للسيرفر.
** بعض واهم الخصائص:
الExpiration أو انتهاء الصلاحية بيتحكم بإعطاء صلاحيات مؤقتة للمستخدم بتحديد مدة صالحية الـtoken.
الRefresh بتدعم التحديث من خلال عملية الـrefresh token، ده بيمكن JWT من إدارة الصلاحيات المؤقتة بسلاسة.
الPayload بيسمح لك بنقل بيانات مهمة بدون ما تحتاج تتصل بقاعدة البيانات مرة تانية.
الStateless وده معناه إن JWT هو نظام للمصادقة stateless يعتمد على العميل فى حفظ الحالة بدلاً من الـserver.
من الممكن أنك تعمل refresh token من خلال JWT دون الحاجة لـstore session. ولجعلها مؤمنة، بنستخدم تشفير بواسطة Base64Url ونوع التشفير HS256 Cipher يتمتع بدعم من المكتبات البرمجية المتعة مثل jjwt.
الJWT ده مفيد بشكل كبير في حالة الـ Single Sign-On، يعني لو كان عندك موقع كبير وفيه أكتر من مكان بتدخل منه للموقع، الJWT بيتيح للمستخدم إمكانية تسجيل الدخول من اى مكان بنسجل من خلاله دخول من غير ما يحتاج يدخل اسم المستخدم وكلمة السر تاني. بمعنى تاني، المستخدم بيدخل مرة واحدة بس على الموقع، وبعد كده يبقى قادر على الوصول لكل الصفحات والخدمات اللى الموقع بيقدمها، بدون ما يحتاج يسجل الدخول مرة تانية.
وبيتم استخدام الJWT بشكل واسع في حاجات كتير، زي الـ authentication والـ authorization في تطبيقات الويب والموبايل. فعلى سبيل المثال، في تطبيقات الويب، بيتم إرسال التوكن المولد من الJWT بعد تسجيل الدخول للمستخدم في هيدر كل طلب يتم إرساله إلى السيرفر، السيرفر بيستخدم التوكن ده للتأكد من صحة المستخدم ومنحه الصلاحية للوصول للموارد المحددة.
👍17❤5🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Drag and Drop items in Cart using Flutter
Source Code ✅️
https://github.com/mazab99/drag_and_drop
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
Source Code ✅️
https://github.com/mazab99/drag_and_drop
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
❤15👍6😱3🔥2🥰1
✅️السؤال
فضل صيام عرفة
✅️الجواب
من صام يوم عرفة له أجر عظيم
ثبت عن رسول الله عليه الصلاة والسلام: أن الله يكفر بصوم يوم عرفة السنة التي قبله والسنة التي بعده
يعني: بشرط اجتناب الكبائر كما بينته الأحاديث الأخرى
فضل صيام عرفة
✅️الجواب
من صام يوم عرفة له أجر عظيم
ثبت عن رسول الله عليه الصلاة والسلام: أن الله يكفر بصوم يوم عرفة السنة التي قبله والسنة التي بعده
يعني: بشرط اجتناب الكبائر كما بينته الأحاديث الأخرى
❤32👍1
السلام عليكم
لو حد هنا كويس في التعامل مع ال
Pagination
في ال Bloc
ممكن يتواصل معايا
وجزاكم الله خيرا 🙂
لو حد هنا كويس في التعامل مع ال
Pagination
في ال Bloc
ممكن يتواصل معايا
وجزاكم الله خيرا 🙂
🌚4💔3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Custom loaders using Flutter ✨️
Source Code ✅️
https://github.com/mazab99/flutter_ui_screens
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
Source Code ✅️
https://github.com/mazab99/flutter_ui_screens
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
❤20👍7🔥3🕊2🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Table using Flutter ✨️
Source Code ✅️
https://github.com/mazab99/flutter_table
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
Source Code ✅️
https://github.com/mazab99/flutter_table
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
❤4👍4🔥3🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Facebook reactions using Flutter ✨️
Source Code ✅️
https://github.com/mazab99/facebook_reactions
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
Source Code ✅️
https://github.com/mazab99/facebook_reactions
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
🔥10❤8👍5🥰2👏2❤🔥1🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Slider using Flutter ✨️
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
LinkedIn ✅️
https://www.linkedin.com/in/mazap64
YouTube channel ✅️
https://lnkd.in/dfDX5_tZ
LinkedIn ✅️
https://www.linkedin.com/in/mazap64
❤7🔥6👍3👏3🥰2