في هذه المقالة، سوف تتعلم كيفية نشر تطبيق Slack Clone على Vercel باستخدام Back4App كواجهة خلفية.
تم إنشاء تطبيق Slack Clone باستخدام React (الواجهة الأمامية) و Back4App (الواجهة الخلفية) باستخدام بعض ميزات Parse الرئيسية مثل المصادقة والاستعلامات في الوقت الحقيقي والاستعلامات العلائقية. يمكن نشر التطبيق بسهولة على Vercel بدون أي كود باستخدام الخطوات التالية.
يمكنك في أي وقت نشر Slack Clone على Vercel باستخدام هذا الزر:
في هذا البرنامج التعليمي، سنشرح في هذا البرنامج التعليمي كيفية إنشاء تطبيق قائمة مهام بسيط وعملي في نفس الوقت بمساعدة ChatGPT. سنستخدم Back4App للواجهة الخلفية، و React للواجهة الأمامية، و Material-UI للتصميم. هدفنا الرئيسي هو مساعدة الأشخاص الذين لديهم معرفة قليلة أو معدومة بالبرمجة على إنشاء تطبيقات باستخدام قوة ChatGPT من خلال سلسلة من التعليمات والإرشادات.
Read More
تحتاج العديد من التطبيقات، وخاصةً مواقع الويب، إلى تقييد الوصول إلى محتواها، وامتلاك حسابات مستخدمين لا تعرض سوى المعلومات ذات الصلة بهذا المستخدم بطريقة آمنة هي الطريقة الأكثر شيوعًا لتحقيق ذلك.
اليوم سوف نتعلم كيفية تنفيذ وظيفة تسجيل الدخول إلى صفحة HTML موجودة بالفعل، وكتابة القليل جداً من التعليمات البرمجية وجعل Parse يقوم بكل العمل الشاق نيابةً عنك، ومن أجل القيام بذلك، اخترت نموذج نموذج تسجيل الدخول الذي يمكنك تحميله مجاناً.
سوف نستخدم تقنيتين متميزتين يمكنك الاختيار من بينهما: Javascript SDK و GraphQL من خلال Javascript.
GraphQL هي تقنيتنا اللامعة الجديدة التي تم إصدارها للتو، وهدفي هو مقارنة كلتا الطريقتين للقيام بنفس الشيء، حتى تتمكن من اختيار الطريقة التي تفضلها.
تنبيه مفسد! أنا متأكد من أنك ستحب GraphQL أكثر…
يحتوي بالفعل على جميع الملفات اللازمة لعرض الملف بصريًا ولكنه يفتقر إلى الوظائف التي سنضيفها.
بعد تنفيذ دعم GraphQL في Parse، تواصل معي الكثير من الأشخاص وطرحوا عليّ بعض الأسئلة، وكان بعضهم قلقًا بشأن مستقبل واجهة برمجة تطبيقات REST.
هل ستقوم GraphQL “بقتلها”؟
ماذا سيحدث لطرق REST API الخاصة بي؟ هل أحتاج إلى إعادة كتابة الكود الخاص بي؟
في هذه المقالة سأغطي هذه الأسئلة، ولكن الإجابة المختصرة هي: لا، لا داعي للقلق لأن GraphQL لن “يقتل” واجهة برمجة تطبيقات REST، ولا داعي للقلق أيضًا بشأن إعادة كتابة أساليب REST API التي تعمل بالفعل.
هل تبحث عن خدمة خلفية متوافقة مع قانون HIPAA؟ إليك دليل مفصل يشرح مزايا وعيوب استخدام خدمة خلفية لمعالجة بيانات PHI.
سوف تشرح هذه المقالة بإيجاز قانون HIPAA ومتطلباته والكيانات المشمولة به والاتفاقيات القانونية المطلوبة مع مقدمي الخدمات السحابية.
علاوةً على ذلك، سوف يستكشف فوائد وقيود استخدام حل الواجهة الخلفية كخدمة لاستضافة المعلومات الصحية المحمية ومعالجتها.
Read More تجلب GraphQL السكر والتوابل وكل شيء لطيف لمطوري واجهة برمجة التطبيقات، ولكنها في الأساس لغة استعلام حتى تتمكن من تحديد ما تبحث عنه.
ماذا لو كنت بحاجة إلى معلومات تجارية أكثر من ذلك في تطبيقك؟
ماذا لو كنت بحاجة إلى بعض المنطق إلى جانب ذلك؟
ماذا لو كنت تريد وحدة NPM Module Module الأنيقة معها؟
حسنًا، اربطوا أحزمة الأمان لأنني سأريكم اليوم شيئًا قويًا جدًا. ومع القوى العظيمة، تأتي قوة عظيمة… حسنًا… توفير وقت عظيم، وإمكانيات عظيمة، والكثير من الأشياء الجيدة.
في هذه المقالة، أوضحت لك كيفية استخدام GraphQL مع NodeJS Cloud Code في Back4app.
وفي هذا الدليل، أوضحت لك كيفية استخدام عميل Apollo GraphQL iOS مع Swift.
الآن دعنا نجمع كل ذلك معًا ونقوم بالكثير من العمليات المعقدة من خلال إنتاج كود سهل للغاية. ودعنا أيضًا نجعل XCode يقوم تلقائيًا بإنشاء أي شيفرة برمجية لواجهة برمجة التطبيقات لنا حتى عندما نغير الفئات.
هل يبدو ذلك جيدًا؟ لذا احصل على بعض القهوة وانطلق!
سنبدأ اليوم سلسلة من التدوينات التي ستعلمك كيفية استخدام الكثير من الأدوات الرائعة لبناء شبكتك الاجتماعية الخاصة بك: تطبيق يشبه تطبيق Instagram.
لن نقتصد في التكنولوجيا وسوف نستخدم الأحدث والأفضل: Parse، و GraphQL، وبعض NodeJS، وخاصةً إطار عمل SwiftUI الأحدث (الذي لم يصدر بعد) من Apple SwiftUI.
سيستغرق هذا الأمر بضع منشورات لكي يعمل بكامل طاقته، ولكن عندما نصل إلى هناك، ستدرك مدى سهولة تشغيل أفكارك بأقل جهد ممكن هنا في Back4app.
للتعلم بشكل أفضل، قم بتنزيل مشروع استنساخ iOS Instagram Clone مع التعليمات البرمجية المصدرية.
لذا، يبدو أن الوقت قد حان لـ …
في منشورنا السابق حول كيفية إنشاء تطبيق مستنسخ من Instagram، تعلمت كيفية تهيئة كل شيء لتشغيل SwiftUI في XCode 11، وإنشاء طريقة عرض Sing Up تعمل بشكل كامل باستخدام GraphQL.
اليوم سنتعلم كيفية إنشاء طريقة عرض تسجيل الدخول وجعل المستخدم يسجل الخروج.
سنحتاج إلى المشروع من المنشور السابق، لذا إذا لم تكن قد تابعت ذلك المنشور، أقترح عليك بشدة أن تفعل ذلك.
اربطوا أحزمة الأمان وهيا بنا!
لتعلم أفضل، قم بتنزيل مشروع iOS Instagram Clone مع التعليمات البرمجية المصدرية.
اليوم في الجزء الثالث من تطبيق استنساخ Instagram مع GraphQL سنتعمق أكثر في SwiftUI، وبناء طريقة عرض الملف الشخصي.
سنتعلم إعادة استخدام الهياكل في SwiftUI وسنناقش بعض عناصر التحكم: VStack، و HStack، و GeometryReader، والنص، والزر، والفاصل، والصورة، والمقسم وغيرها.
في مقالاتنا السابقة، تعلمنا في مقالاتنا السابقة كيفية تسجيل مستخدم وكيفية تسجيل دخول مستخدم، مع واجهات المستخدم الخاصة بكل منها في تطبيقنا المستنسخ من Instagram. اليوم سنجعلها أجمل بكثير.
اربطوا أحزمة الأمان ودعونا نبدأ!
لتعلم أفضل، قم بتحميل مشروع استنساخ Instagram iOS مع التعليمات البرمجية المصدرية.
