Flutter | Mahmoud Azab

#منقول للافاده الــ 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 بعد تسجيل الدخول للمستخدم في هيدر كل طلب يتم إرساله إلى السيرفر، السيرفر بيستخدم التوكن ده للتأكد من صحة المستخدم ومنحه الصلاحية للوصول للموارد المحددة.

Product details screen using Flutter Source Code ✅️ https://github.com/mazab99/shoes_ecommerce YouTube channel ✅️ https://lnkd.in/dfDX5_tZ

ازاي تخلي الصوره تحمل قبل ظهور ال Ui ✅️

كتير منا بيقابل مشكله في تحديد ال childAspectRatio وانت تستخدم GridView أو SliverGrid ف انت تستخدم ال SliverGridDelegateWithFixedCrossAxisCountAndFixedHeight في gridDelegate وتديها ال heigth بتاع العنصر من التصميم

إِنَّ اللَّهَ وَمَلائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيمًا

Glowing Avatar using Flutter LinkedIn ✅️ https://lnkd.in/d9-a9YTx YouTube channel ✅️ https://lnkd.in/dfDX5_tZ

Open WhatsApp using Flutter LinkedIn ✅️ https://lnkd.in/d9-a9YTx YouTube channel ✅️ https://lnkd.in/dfDX5_tZ

Custom On-board screen using Flutter Source Code ✅️ https://lnkd.in/dqtbBH_w YouTube channel ✅️ https://lnkd.in/dfDX5_tZ

Custom Movable Dialog using Flutter Source Code ✅️ https://lnkd.in/dqtbBH_w LinkedIn ✅️ https://lnkd.in/d9-a9YTx

إِنَّ اللَّهَ وَمَلائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيمًا

Draggble Widget in Flutter LinkedIn ✅️ https://www.linkedin.com/in/mazap64

Custom Button using Flutter Source code ✅️ https://github.com/mazab99/flutter_ui_screens LinkedIn ✅️ https://www.linkedin.com/in/mazap64

مهم ✅️ عشان تقدر تضيف مسافه ثابته بين كل ال Widgets اللي عندك بدل ما تكرر الكود وتعمل SizedBox أكثر من مره LinkedIn ✅️ https://www.linkedin.com/in/mazap64

وقت طباعه اي نص في التيرمنال في منا بيستخدم باكدج عشان يغير لون النص ده عشان يعرف مكانه او يعمل قبل الطباعه سطر معين عشان يعرف مكان الطباعه . ف أنا عملت الموضوع ده من غير انك تستخدم اي باكدج Source code ✅️ https://gist.github.com/mazab99/6a6577961d948b61bbd60b092b8b415b LinkedIn ✅️ https://www.linkedin.com/in/mazap64

✅️ مهم وانت شغال في الطبيعي بيقابلك مشكله انك تخلي ال Count في ال GridView متناسق علي اكتر من Platform الحل انك هتستخدم ال Extension دي وتغير ال count داخل المتغيرات فيها علي حسب الجهاز LinkedIn ✅️ https://www.linkedin.com/in/mazap64

Display Stories In Flutter ✅️ LinkedIn ✅️ https://www.linkedin.com/in/mazap64