إطلاق تطبيق ويب خاص بقوائم المهام باستخدام الذكاء الاصطناعي

1. مقدمة

نظرة عامة

من أين تبدأ عملية إنشاء التطبيقات باستخدام الذكاء الاصطناعي اليوم؟ بالنسبة إلى معظمنا، يبدأ الأمر بطلب بحث بسيط أو نموذج أولي. توفّر أداة Google AI Studio وضع الإنشاء الفعّال (يُشار إليه غالبًا باسم "البرمجة الوصفية") الذي يتيح لك تصميم تطبيقات ويب متكاملة واختبارها وإنشاءها باستخدام ميزة إنشاء الرموز البرمجية المستندة إلى نماذج Gemini.

في هذا الدرس العملي، ستنشئ تطبيقًا تعاونيًا لقائمة المهام باستخدام قاعدة بيانات Firestore للتخزين الدائم وFirebase Authentication لتسجيل دخول المستخدمين. سيقوم وكيل AI Studio بإعداد جميع خدمات الخلفية وكتابة الرمز البرمجي للتفاعل مع الواجهة الأمامية وقاعدة البيانات. بعد الانتهاء من تحسين التطبيق، يمكنك نشره مباشرةً على Cloud Run بنقرة واحدة.

الإجراءات التي ستنفذّها

  • اطلب من Google AI Studio إنشاء نموذج أوّلي لتطبيق ويب تعاوني لقائمة المهام.
  • اضبط عملية الدمج مع Firebase وفعِّلها لتوفير قاعدة بيانات Firestore وإعداد مصادقة "تسجيل الدخول باستخدام حساب Google".
  • اختبِر التطبيق في بيئة وضع الحماية الخاصة بالمعاينة التفاعلية.
  • نشر التطبيق على Cloud Run مباشرةً من واجهة مستخدم Google AI Studio

أهداف الدورة التعليمية

  • كيفية استخدام "وضع الإنشاء" في Google AI Studio لإنشاء نموذج أوّلي سريع لخدمة ذات حزمة كاملة باستخدام اللغة الطبيعية
  • كيفية إعداد عمليات الدمج بين Firebase Firestore وAuthentication تلقائيًا في Google AI Studio
  • كيفية نشر تطبيق AI Studio كحاوية بدون خادم على Cloud Run
  • كيفية فحص سجلّات قاعدة البيانات وحالة الأمان داخل "وحدة تحكّم Firebase"

2. إعداد المشروع

قبل إطلاق AI Studio، يُرجى التحقّق من حالة حسابك والمتطلبات الأساسية.

حساب Google ومعلومات الطبقة

  1. إذا لم يكن لديك حساب Google، يمكنك إنشاء حساب Google.
    • ملاحظة: استخدِم حساب Google شخصيًا في هذا المختبر إذا أمكن ذلك. قد تفرض حسابات المجموعات أو الشركات أو المؤسسات التعليمية سياسات Workspace التي توقف الميزات التجريبية أو عمليات الدمج مع الخدمات السحابية.
  2. راجِع تفاصيل الفوترة الخاصة عمليات النشر:
    • Google Cloud Starter Tier: تتيح نشر ما يصل إلى تطبيقَين كاملَين في منطقة محدّدة بدون أي تكلفة، وبدون إنشاء حساب فوترة كامل على Google Cloud.
    • عملية النشر العادية: يتم الربط بمشروع حالي مدفوع على Google Cloud وتوسيع حدود مساحة التخزين وموارد وحدة المعالجة المركزية وواجهات برمجة التطبيقات.

3- إنشاء تطبيق "قائمة المهام" في "وضع الإنشاء" في AI Studio

لننشئ الآن هيكل التطبيق ونطلب من مساعد الترميز المستنِد إلى الذكاء الاصطناعي إنشاء طبقات الأمان والثبات.

  1. انتقِل إلى لوحة "تطبيقات Google AI Studio" وانقر على تطبيق جديد.
  2. في مربّع طلب المحادثة، أدخِل وصفًا لتطبيق المهام الذي تريده: 
    Build a collaborative to-do list application using Firebase as a
backend. Users must be able to securely sign in using Google Sign-In,
view their personal tasks, add new task items, toggle status as
completed, and delete tasks. The database must isolate tasks so users
can only view and modify their own records.
  3. انقر على إنشاء لبدء عملية إنشاء التطبيق.

عندما يرصد وكيل AI Studio الحاجة إلى تخزين البيانات في قاعدة بيانات وتسجيل دخول المستخدمين بشكل آمن، يبدأ مسار الإعداد التلقائي في Firebase.

  1. بعد دقيقة تقريبًا، ستظهر بطاقة تكامل تفعيل Firebase في مساحة العمل.
  2. انقر على الزر تفعيل Firebase للتأكيد وقبول بنود الخدمة.
  3. سيُنفّذ الوكيل عملية الإعداد في الخلفية. الخيارات المتقدّمة:
    • يتم توفير مثيل قاعدة بيانات Firestore.
    • تم تفعيل خدمة "مصادقة Firebase" مع تفعيل ميزة "تسجيل الدخول باستخدام حساب Google".
    • يتم إنشاء إعدادات حساب الخدمة (على سبيل المثال، إنشاء src/lib/firebase.ts يحتوي على بيانات اعتماد واجهة برمجة التطبيقات).
    • تتم إضافة firestore.rules يحتوي على حدود الأمان التلقائية (قواعد عزل المستخدم).

4. الاختبار والتكرار

قبل إطلاق الخدمة، نفِّذ عمليات التحقّق من الصحة في المعاينة التفاعلية.

  1. افتح جزء المعاينة داخل Google AI Studio.
  2. انقر على الزر "تسجيل الدخول" لتفعيل مصادقة "تسجيل الدخول باستخدام Google" في وضع الحماية.
    • ملاحظة حول إصلاح الأخطاء: أثناء الإنشاء أو الاختبار، قد تواجه أحيانًا مشاكل في وقت التشغيل أو أخطاء في التجميع أو أخطاء في أذونات Firestore بسبب عدم تطابق قواعد الأمان. في حال حدوث ذلك، يعرض AI Studio زر إصلاح في المحادثة، ما يتيح لك أن تطلب من الوكيل تشخيص المشكلة وإصلاحها تلقائيًا.
    موقع زر "الإصلاح" في Google AI Studio
  3. بعد تسجيل الدخول، أضِف عدة مهام (مثل "مراجعة مستندات Cloud Run" و"إكمال درس تطبيقي حول الترميز").
  4. بدِّل حالة بعض المهام إلى "مكتملة" واحذف مهمة واحدة للتأكّد من أنّ معالجات جهة العميل وحالة قاعدة البيانات يتم تعديلها بشكل صحيح.
  5. إذا أردت تغيير الأسلوب أو السلوك، يمكنك توجيه الوكيل من خلال نافذة المحادثة. على سبيل المثال:
    • "Could you style the interface using Tailwind CSS, and add a dark mode toggle button?"
    • "Show a count of remaining incomplete tasks at the footer of the task list."
  6. انتظِر إلى أن يحدّث الوكيل قاعدة الرموز البرمجية وتحقَّق من متصفّح المعاينة للاطّلاع على التعديلات.

5- النشر على Cloud Run

بعد أن يصبح النموذج الأوّلي يعمل بكامل طاقته، يمكنك نشره كخدمة عامة على Cloud Run.

  1. في أعلى يسار صفحة Google AI Studio، انقر على الزر نشر لبدء معالج النشر.موقع زر "النشر" في Google AI Studio
  2. انقر على البدء لإعداد مشروعك على Google Cloud.
    • تأكَّد من أنّ القائمة المنسدلة مشروع Google Cloud المستهدَف تتطابق مع المشروع الذي ربطته بمساحة عملك.
    • ستنشئ أداة AI Studio تلقائيًا معرّف خدمة فريدًا لنسخة Cloud Run.
  3. إذا كانت هذه هي المرة الأولى التي تنشر فيها تطبيقًا وكنت تستخدم مَعلمات Google Cloud العادية، قد يُطلب منك تحديد نوع المؤسسة وتقديم تفاصيل الفوترة.
  4. انقر على نشر التطبيق.
  5. تتم خطوات إنشاء الحاوية وتسجيلها ونشر الخدمة في الخلفية. تكتمل هذه العملية عادةً في غضون 2 إلى 4 دقائق.
  6. عند انتهاء عملية النشر، انسخ عنوان URL داخل التطبيق الذي تم إنشاؤه وانتقِل إلى رابط التطبيق المنشور في علامة تبويب المتصفّح.
  7. اختبِر تطبيق الويب المباشر في المتصفّح.

6. الفحص في "وحدة تحكّم Firebase"

ألقِ نظرة على التفاصيل لمعرفة كيفية تتبُّع مخططات البيانات والمستخدمين.

  1. انتقِل إلى وحدة تحكّم Firebase.
  2. اختَر مشروعك (الذي يحمل التصنيف AI Studio أو رقم تعريف المشروع المرتبط يدويًا).
  3. في لوحة التنقّل اليمنى، اختَر إنشاء > قاعدة بيانات Firestore:
    • عرض مجموعات وقواعد البيانات والمستندات التي أنشأها تطبيقك
    • تأكَّد من أنّ كل مستند يتضمّن معرّف مالك مطابقًا لبيانات اعتماد مصادقة المستخدم النشط.
  4. انقر على علامة التبويب الأمان في لوحة Firestore لمراجعة توجيهات الأمان التي يتم إنشاؤها تلقائيًا والتي تحدّ من أذونات القراءة والكتابة للمالكين الذين تم إثبات ملكيتهم للمستندات.
  5. انتقِل إلى الأمان > المصادقة للاطّلاع على قائمة ببيانات اعتماد المستخدم النشطة التي تمّت تعبئتها أثناء اختبارات تسجيل الدخول.

7. تنظيف

لتجنُّب أي رسوم فوترة غير متوقّعة أو لإزالة موارد مساحة العمل، اتّبِع الخطوات التالية:

  1. في Google AI Studio، انتقِل إلى صفحة "التطبيقات".
  2. ابحث عن تطبيقك في الشبكة أو القائمة.
  3. انقر على رمز المهملات لحذف حالة التطبيق وإلغاء نشر الخدمة من Cloud Run.
  4. إذا تم النشر باستخدام مشروع عادي وأردت إيقاف جميع الموارد بالكامل، انتقِل إلى إعدادات المشروع في Google Cloud Console واحذف المشروع الأساسي.

8. الخاتمة

تهانينا! لقد صمّمت وطوّرت ونشرت تطبيق ويب تعاونيًا متكاملاً مباشرةً من Google AI Studio.

للحصول على شارة إكمال ميزة اختبارية في "مختبر صنّاع المحتوى" والعثور على ميزة اختبارية أخرى لمواصلة رحلتك، انتقِل إلى goo.gle/builders.

مزيد من المعلومات