استضافة تطبيقات Flutter Web على HosteDay: من تطوير التطبيق إلى نشره على الإنترنت

لم يعد بناء تطبيق باستخدام Flutter يقتصر على تشغيله على الهواتف فقط؛ إذ يمكنك أيضًا بناء نسخة ويب من تطبيقك ونشرها لتكون متاحة عبر المتصفح. ومع الميزة الجديدة في HosteDay، أصبح بإمكانك استضافة تطبيقات Flutter Web مباشرة ضمن بيئة الاستضافة الخاصة بك، دون الحاجة إلى استضافة منفصلة لواجهة التطبيق.

ما الجديد في HosteDay؟

تقدم HosteDay خدمات استضافة التطبيقات والبنية الخلفية التي تحتاجها، مثل واجهات API وقواعد البيانات. والآن، توسعت الإمكانيات لتشمل استضافة واجهة تطبيق الويب نفسها، لتجمع مكونات تطبيقك في منصة واحدة.

إذا كنت تطور تطبيقك باستخدام Flutter، يمكنك بناء نسخة الويب منه، ثم رفع ملفات التطبيق الجاهزة إلى HosteDay، حيث تتولى المنصة فحص الملفات وتجهيزها للنشر.

وبعد اكتمال النشر، يصبح تطبيقك متاحًا عبر نطاق الاستضافة الخاص بك، على رابط من هذا الشكل:

https://your-domain.com/app/

وبذلك يستطيع المستخدمون الوصول إلى التطبيق من المتصفح مباشرة، دون الحاجة إلى تثبيت نسخة على أجهزتهم.

كيف تنشر تطبيق Flutter Web على HosteDay؟

تبدأ العملية من مشروع Flutter الذي تعمل عليه، ثم تتبع الخطوات التالية:

1. بناء نسخة الويب من التطبيق

بعد الانتهاء من تطوير التطبيق واختباره، أنشئ نسخة الويب باستخدام Flutter. يمكنك تنفيذ الأمر التالي من مجلد المشروع:

flutter build web --release --base-href /app/

يُنشئ هذا الأمر ملفات الويب الجاهزة للنشر، مع ضبط المسار الأساسي ليتناسب مع تشغيل التطبيق تحت /app/.

2. تجهيز ملفات التطبيق

بعد انتهاء عملية البناء، ستجد الملفات الناتجة داخل المجلد:

build/web/

تتضمن هذه الملفات صفحة التشغيل index.html وملفات Flutter وموارد التطبيق اللازمة لعرضه في المتصفح.

3. رفع الملفات إلى HosteDay

ارفع ملفات تطبيق الويب الجاهزة عبر واجهة استضافة التطبيقات في HosteDay. تقوم المنصة بفحص الأرشيف للتحقق من سلامته وبنية التطبيق ووجود الملفات الأساسية اللازمة للتشغيل.

يشمل الفحص التحقق من وجود صفحة index.html، وملفات تشغيل Flutter، وملفات الموارد، بالإضافة إلى فحوصات تتعلق بسلامة الأرشيف والمسارات غير الآمنة.

4. نشر التطبيق وتشغيله

بعد اجتياز الفحص، يمكنك نشر التطبيق وفتحه من خلال رابط الاستضافة. تتولى HosteDay تقديم ملفات التطبيق عبر الويب، بحيث يمكن الوصول إليه من المتصفح باستخدام النطاق الخاص بك.

ماذا توفر لك هذه الميزة؟

استضافة الواجهة والـ Backend في مكان واحد

من أهم مزايا هذه الخطوة أنك لم تعد بحاجة إلى التعامل مع استضافة منفصلة لواجهة Flutter Web، بينما تحتفظ بالخدمات الخلفية في مكان آخر.

يمكنك جمع مكونات تطبيقك ضمن بيئة HosteDay:

• Flutter Web: واجهة التطبيق التي يتفاعل معها المستخدم.
• API: لربط الواجهة بالخدمات والبيانات.
• قاعدة البيانات: لتخزين بيانات التطبيق وإدارتها.
• الاستضافة: لتوفير البيئة اللازمة لتشغيل مكونات مشروعك وفق إعداداته.

هذا الفصل المنظم بين الواجهة والخدمات الخلفية يتيح لك بناء تطبيق متكامل مع الاستفادة من خدمات المنصة.

استخدام نطاقك الخاص

يمكن تشغيل التطبيق عبر نطاق الاستضافة الخاص بك، باستخدام مسار /app/. وهذا يمنحك رابطًا واضحًا لمشاركة التطبيق مع المستخدمين، مع إبقاء واجهة التطبيق ضمن بيئة الاستضافة نفسها.

فحص ملفات التطبيق قبل النشر

لا تعتمد العملية على رفع الملفات فقط؛ إذ تتضمن واجهة النشر فحوصات تساعد على التأكد من وجود الملفات الأساسية وسلامة الأرشيف وبنية تطبيق الويب قبل إتمام النشر.

تجربة نشر مبسطة للمطورين

بدلًا من إعداد خادم ويب منفصل يدويًا للتعامل مع ملفات التطبيق، يمكنك استخدام واجهة HosteDay لرفع ملفات البناء وفحصها ونشرها. وهذا يقلل الخطوات التشغيلية المطلوبة لنشر تطبيق Flutter Web.

هل يجب أن يكون التطبيق مبنيًا باستخدام Flutter؟

الميزة الحالية تركز على تطبيقات Flutter Web، أي المشاريع التي تم بناؤها لتعمل في المتصفح.

أما تطبيقات Flutter المخصصة لنظام Android أو iOS فقط، فلا يكفي رفع ملفاتها كما هي؛ إذ يجب إنشاء نسخة ويب من المشروع أولًا، إذا كان المشروع يدعم ذلك.

وتخطط HosteDay مستقبلًا لتوسيع دعم استضافة تطبيقات الويب ليشمل أنواعًا أخرى من التطبيقات، وليس Flutter فقط.

لمن تناسب هذه الميزة؟

تُعد هذه الميزة مناسبة للمطورين الذين يستخدمون Flutter لبناء تطبيقات الويب، وأصحاب المشاريع الذين يريدون توفير واجهة ويب لخدماتهم، والفرق التي تحتاج إلى الجمع بين واجهة التطبيق وخدماته الخلفية ضمن منصة واحدة.

كما يمكن أن تكون مفيدة لمن يطور تطبيقًا يعمل على الهاتف والويب معًا، ويريد نشر نسخة الويب منه ليتمكن المستخدمون من الوصول إليه عبر المتصفح.

HosteDay: أكثر من مجرد Backend لتطبيقك

تأتي ميزة استضافة Flutter Web كخطوة لتوسيع دور HosteDay من توفير الخدمات الخلفية وقواعد البيانات والاستضافة، إلى إتاحة استضافة واجهة تطبيق الويب نفسها أيضًا.

الفكرة بسيطة: طوّر تطبيقك باستخدام Flutter، وابنِ نسخة الويب منه، ثم ارفعها وانشرها على HosteDay ضمن استضافتك.

HosteDay — منصة واحدة تجمع استضافة تطبيقك وخدماته الخلفية وواجهة الويب الخاصة به.