تعيد ArNext تعريف التطبيقات الدائمة

ArNext هو إطار عمل يعتمد على NextJS يسمح للمطورين بنشر نفس قاعدة التعليمات البرمجية على Vercel وArweave لتحقيق تحسين الأداء السحابي للتطبيقات الدائمة. فهو يتغلب على قيود التطبيقات الدائمة التقليدية مثل التحميل البطيء للمحتوى الديناميكي، ودعم عناوين URL الجذر فقط، ونقص بطاقات الوسائط الاجتماعية. من خلال الجمع بين العرض من جانب خادم NextJS والتوجيه من جانب العميل في Arweave، يعمل ArNext بسلاسة على كلا النظامين الأساسيين. وتتمثل فائدته الأساسية في أنه يوفر طريقة للمطورين لإنشاء تطبيقات ويب محسنة للسحابة مع تخزين دائم ونسخ احتياطي مقاوم للرقابة على Arweave.

أطلق تومو، مؤسس WeaveDB، ArNext، الذي يوفر إطارًا جديدًا لبناء التطبيقات ويعد تغييرًا ثوريًا للتطبيقات الدائمة (Permaapp). فهو يسمح للمطورين بنشر نفس قاعدة التعليمات البرمجية على Vercel وArweave، مما يتيح تحسين الأداء السحابي والنسخ الاحتياطي الدائم المقاوم للرقابة.

ArNext هو في الأساس إطار عمل تطبيقي يعتمد على Next.js. Next.js هو إطار عمل React شائع لبناء تطبيقات الويب الحديثة، ودعم العرض من جانب الخادم (SSR) وإنشاء موقع ثابت (SSG). من خلال سلسلة من الوسائل التقنية الذكية، تستطيع ArNext إنشاء Permaapp من نفس قاعدة التعليمات البرمجية، وتنفيذ العرض من جانب الخادم (SSR) على Vercel، واستخدام التوجيه من جانب العميل على Arweave لتشكيل تطبيق متعدد الصفحات وتطبيق واحد. تطبيق الصفحة المعمارية الفريدة.

قيود تطبيق Permaapp التقليدي

يشير تطبيق Permaapp إلى تطبيقات النشر على Permaweb عادة ما تكون تطبيقات صفحة واحدة (SPA). بينما يمكن لـ Permaapp تخزين محتوى التطبيق بشكل دائم، فإن Permaapp التقليدي لديه بعض القيود، ويرجع ذلك أساسًا إلى أنه يعتمد على إنشاء موقع ثابت (SSG) وتوجيه التجزئة من جانب العميل، ويفتقر إلى الدعم من جانب الخادم. دعنا نحلل هذه القيود واحدًا تلو الآخر:

• بسبب عدم وجود عرض من جانب الخادم ( SSR)، ديناميكي يتم تحميل المحتوى ببطء، كما لو كان طاهي المطعم يقوم بإعداد الطعام لك.

• قيود توجيه التجزئة من جانب العميل. يمكن أن يتسبب توجيه التجزئة المستخدم في حدوث مشكلات في التنقل في بعض الحالات، وستواجه "أخطاء 404" عند الوصول إلى صفحات معينة مباشرةً.

• لا يمكن إنشاء بطاقات مشاركة الوسائط الاجتماعية بشكل صحيح لأن وسائل التواصل الاجتماعي لا تقوم برامج زحف النظام الأساسي بتشغيل JavaScript.

• نقص تحسينات الخادم (مثل SSR وISR) وEdge CDN)، لا يمكنهما الاستمتاع بتقنيات التسريع والتحسين التي تستخدمها مواقع الويب الحديثة بشكل شائع.

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

حلول ArNext المبتكرة

يقدم إطار عمل ArNext الطريقة يتغلب على قيود Permaapp التقليدية:

• النشر المزدوج> انشر نفس التطبيق على كل من Vercel وArweave. يمكن للتطبيقات الموجودة على Vercel الاستفادة من تقنيات الخادم الحديثة (مثل SSR) لتحقيق أداء أفضل وتجربة مستخدم أفضل، بينما يعمل الإصدار الموجود على Arweave كنسخة احتياطية للتخزين الدائم، مما يضمن مقاومة رقابة البيانات والحفاظ عليها على المدى الطويل.

• تحسين أداء السحابة:يمكن لتطبيقات Vercel الاستفادة من تقنيات مثل الجيل الثابت المتزايد (ISR)، الذي يسمح بتحديث بعض الصفحات ديناميكيًا عند الحاجة، دون الحاجة إلى إعادة إنشاء موقع الويب بالكامل في كل مرة، مما يضمن تحديث المحتوى مع الحفاظ على فعاليته. تعمل هذه الطريقة على تحسين سرعة التحميل بشكل كبير وهي مناسبة بشكل خاص للسيناريوهات التي يتغير فيها المحتوى بشكل متكرر ويمكن للمستخدمين الحصول بسرعة على أحدث محتوى مع ضمان أداء الصفحة.

• تجربة موقع ويب ثابت متعدد الصفحات: يعد Permaapp التقليدي تطبيقًا خالصًا يتكون من صفحة واحدة، لكن ArNext يطبق تجربة موقع ويب ثابتة متعددة الصفحات. عند تحميل الصفحة لأول مرة، فإنها تتصرف مثل موقع ويب متعدد الصفحات (MPA) تم إنشاؤه بشكل ثابت، ولكن بمجرد تحميلها، تكون تبديلات الصفحة اللاحقة سلسة مثل SPA. تجمع هذه الطريقة بين مزايا التطبيقات متعددة الصفحات والتطبيقات ذات الصفحة الواحدة، والتي لا يمكنها توفير سرعة تحميل جيدة لأول مرة فحسب، بل تضمن أيضًا سلاسة تبديل الصفحات.

• علامة OpenGraph للصفحة الديناميكية:تم حل مشكلة معاينة الوسائط الاجتماعية في ArNext من خلال العرض من جانب الخادم (SSR). يمكن لـ SSR إنشاء علامات OpenGraph المناسبة (بما في ذلك عنوان الصفحة والوصف والصور وما إلى ذلك) لكل صفحة على جانب الخادم، لذلك عندما يشارك المستخدمون الصفحة، يمكن لمنصة الوسائط الاجتماعية قراءة بطاقة المعاينة وعرضها بشكل صحيح.

• لا يلزم توجيه التجزئة: strong>يعتمد تطبيق Permaapp التقليدي على توجيه التجزئة (عادةً الرمز #) للتنقل، بينما يحل ArNext هذه المشكلة من خلال الوظيفة الاحتياطية لـ Arweave Manifests v0.2.0. تتمثل وظيفة الاحتياطي في السماح للخادم بالعودة تلقائيًا إلى الصفحة الجذرية للتعامل مع الطلب عندما لا يتمكن من العثور على صفحة معينة. وهذا يعني أنه لم تعد هناك حاجة إلى توجيه التجزئة، ويمكن استخدام بنية عنوان URL قياسية أكثر (مثل example.com/about)، كما أن تجربة المستخدم أقرب إلى صفحة الويب التقليدية.

• إنشاء مسارات نسبية للموارد ديناميكيًا:يستخدم ArNext ثلاث طرق محلولة التحدي المتمثل في ربط الملفات الثابتة. أولاً، قم بحساب المسار النسبي الصحيح وإدراجه ديناميكيًا أثناء النشر لضمان إمكانية الوصول إلى الموارد بشكل طبيعي في بيئات مختلفة؛ وثانيًا، أعد كتابة علامات الموارد يدويًا لتعويض أوجه القصور في إنشاء المسار التلقائي، وأخيرًا، قم بإنشاء ملف Manifest.json المناسب للتأكد من صحة فهرسة الموارد وتحميلها.

الملخص

تقدم ArNext إطار عمل مزدوج للنشر يجمع بين دوام Permaapp التقليدي وتحسين الأداء السحابي الحديث. فهو يدمج التطبيقات متعددة الصفحات والصفحة الواحدة من خلال عرض جانب الخادم (SSR) الخاص بـ Vercel والتوجيه من جانب العميل الخاص بـ Arweave. وهذا لا يحل فقط قيود Permaapp التقليدية في تحميل المحتوى الديناميكي والتنقل في الصفحة، ولكنه يعمل أيضًا على تحسين مشكلات المشاركة الاجتماعية وتحسين الأداء. على سبيل المثال، في تطبيق التدوين، يسمح SSR الخاص بـ Vercel بتحميل المحتوى الديناميكي (مثل أحدث المقالات) بسرعة، بينما يقوم Arweave بتخزين المقالات لضمان التخزين الدائم ومقاومة الرقابة للمحتوى.

يوفر ArNext نموذج بناء جديدًا يتميز بالمتانة والأداء العالي، مما يعمل على تحسين مرونة وكفاءة مطوري Web3.