يعد Express.js منذ فترة طويلة الخيار المفضل للعديد من المطورين عندما يتعلق الأمر ببناء خوادم الويب. مع أكثر من 30 مليون عملية تثبيت أسبوعية، فمن الواضح أن Express قد عزز مكانته كمعيار صناعي. ولكن مع مرور الوقت، كذلك متطلبات تطبيقات الويب الحديثة. يبحث المطورون الآن عن أطر عمل ليست بسيطة فحسب، بل أيضًا أكثر قوة، آمنة للنوع ، وأكثر ملاءمة لـ الحوسبة المتطورة والبيئات التي لا تحتوي على خادم.

على مر السنين، حاولت أطر عمل مثل NestJS، وNext.js، وNuxt.js تطوير تجربة المطورين وتحسينها. على الرغم من أن هذه الأطر قوية، إلا أنها غالبًا ما تكون مصحوبة بتعقيد كبير أو بعملية إعداد ثقيلة، مما قد يبدو مرهقًا، خاصة في حالات الاستخدام الأبسط. في بعض الأحيان، يحتاج المطورون إلى شيء بسيط وخفيف الوزن مثل Express ولكن مع ميزات حديثة.

هذا هو المكان الذي يتدخل فيه Hono.

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

1. الإعداد: البساطة في جوهرها

يعد إعداد خادم أساسي باستخدام Express أمرًا سهلاً، وتشارك Hono هذه البساطة. فيما يلي نظرة سريعة على تهيئة كلا الإطارين:

يعبر -

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello from Express!');
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

هونو -

import { serve } from '@hono/node-server'
import { Hono } from 'hono';
const app = new Hono();

app.get('/', (c) => c.text('Hello from Hono!'));

serve(app);

كما ترى، بنية الكود متشابهة. الاختلافات الرئيسية هنا هي -

• حزمة إضافية @hono/node-server، تُستخدم لخدمة تطبيق Hono. هذه الحزمة ضرورية لتشغيل تطبيقات Hono في بيئات Node.js. وهذا أيضًا ما يجعل Hono مختلفًا عن Express، حيث يمكنك الحصول على نفس قاعدة التعليمات البرمجية لجميع البيئات.

يدعم Hono بيئات متعددة مثل Node.js وDeno وحتى المتصفح. وهذا يجعله خيارًا رائعًا للمطورين الذين يرغبون في إنشاء تطبيقات يمكن تشغيلها على منصات متعددة. يمكنك الاطلاع على القائمة الكاملة لجميع أوقات التشغيل المدعومة على مستندات Hono

• وأيضًا بدلاً من req وres، يستخدم Hono كائن سياق واحد c والذي يحتوي على جميع المعلومات حول الطلب والاستجابة. وهذا يجعل من السهل التعامل مع كائنات الطلب والاستجابة. لهذا السبب لدينا c.text بدلاً من res.send.

2. التوجيه: قابل للتسلسل وفعال

تمامًا مثل Express، تتمتع Hono أيضًا بنظام توجيه ممتاز. إليك كيفية تحديد المسارات في كلا الإطارين:

يعبر -

app.get('/user', (req, res) => {
  res.send('User page');
});

هونو -

app.get('/user', (c) => c.text('User page'));

بخلاف وجود متغير واحد c (سياق) بدلاً من req وres، فإن نظام التوجيه في Hono يشبه Express. يمكنك تحديد المسارات باستخدام app.get، app.post، app.put، app.delete، وما إلى ذلك.

بالإضافة إلى ذلك، نظرًا لأن Hono مُحسّن للأداء، يمكنك توقع معالجة أسرع للطلبات مقارنةً بـ Express.

3. البرمجيات الوسيطة: المرونة تجتمع مع البساطة

تشتهر شركة Express بنظامها الوسيط، وتوفر Hono وظائف مماثلة. إليك كيفية استخدام البرامج الوسيطة في كلا الإطارين:

يعبر -

app.use((req, res, next) => {
  console.log('Middleware in Express');
  next();
});

هونو -

app.use((c, next) => {
  console.log('Middleware in Hono');
  next();
});

4. التعامل مع الطلبات والاستجابة: معايير الويب في الأساس

يستخدم Express واجهات برمجة التطبيقات الخاصة بالعقد مثل req وres، المعروفة لدى معظم المطورين:

يعبر -

app.get('/data', (req, res) => {
  res.json({ message: 'Express response' });
});

على النقيض من ذلك، تعتمد Hono على واجهات برمجة تطبيقات الويب مثل Fetch API، مما يجعلها أكثر مقاومة للمستقبل وأسهل للتكيف مع بيئات الحافة.

هونو -

app.get('/data', (c) => c.json({ message: 'Hono response' }));

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

5. معالجة الأخطاء: نظام بسيط وفعال

يقدم كلا الإطارين طرقًا مباشرة للتعامل مع الأخطاء. في Express، يمكنك عادةً تحديد برنامج وسيط لمعالجة الأخطاء:

يعبر -

app.use((err, req, res, next) => {
  res.status(500).send('Something went wrong');
});

تقدم Hono نهجًا مشابهًا، حيث تحافظ على الأشياء نظيفة وخفيفة الوزن:

هونو -

app.onError((err, c) => {
  return c.text('Something went wrong', 500);
});

في Hono، تعد معالجة الأخطاء بنفس السهولة ولكنها تأتي مع ميزة إضافية تتمثل في بناء جملة أنظف وأداء أفضل.

6. مقارنة الأداء: ميزة الحافة

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

• تستخدم Hono واجهات برمجة تطبيقات الويب الحديثة ولا تعتمد على تفاصيل Node.js.
• تصميمه البسيط يجعله أسرع، مع عدد أقل من التبعيات التي يمكن إدارتها.
• يمكن لشركة Hono الاستفادة بسهولة من بيئات الحوسبة المتطورة، مثل العاملين والصفحات في Cloudflare أو Deno.

في التطبيقات ذات الأداء الحيوي، هذا يجعل Hono خيارًا مقنعًا.

7. عمليات النشر: Edge وبدون خادم أولاً

تم تصميم Hono من الألف إلى الياء للبيئات المتطورة والبيئات التي لا تحتوي على خوادم. إنه يتكامل بسلاسة مع منصات مثل Cloudflare Workers، Vercel، وDeno Deploy. في حين أن Express أكثر تقليدية وغالبًا ما يتم إقرانه بخوادم Node.js، فإن Hono تزدهر في البيئات الحديثة والموزعة.

إذا كنت تقوم بإنشاء تطبيقات تحتاج إلى التشغيل بالقرب من المستخدم، فيمكن تشغيل Hono APIs بسهولة على الحافة وستوفر فوائد كبيرة عبر Express.

8. النظام البيئي والمجتمع: النمو السريع

تفتخر Express بواحدة من أكبر الأنظمة البيئية في عالم Node.js. ومع وجود الآلاف من حزم البرامج الوسيطة ومجتمع ضخم، يعد هذا خيارًا مألوفًا وموثوقًا. ومع ذلك، فإن النظام البيئي لشركة Hono ينمو بسرعة. تتوسع مجموعة البرامج الوسيطة الخاصة بها، ومع تركيزها على الأداء ومعايير الويب الحديثة، يتبناها المزيد من المطورين لتطبيقات الحافة الأولى.

على الرغم من أنك قد تفوت بعض حزم Express، إلا أن مجتمع Hono نشط ويقوم ببناء أدوات جديدة كل يوم.

يمكنك العثور على المزيد حول مجتمع Hono والنظام البيئي على موقع Hono الإلكتروني.

9. منحنى التعلم: سيشعر المطورون السريعون وكأنهم في المنزل

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

الخلاصة: لماذا يجب أن تجرب هونو؟

تقدم Hono نهجًا جديدًا لتطوير الويب من خلال عقلية الأداء أولاً والتركيز على الحوسبة المتطورة. على الرغم من أن Express كان إطارًا موثوقًا به لسنوات، إلا أن الويب يتغير، وأدوات مثل Hono تقود الطريق للجيل القادم من التطبيقات.

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

هل أنت مستعد للبدء؟

حاول بناء مشروعك القادم مع Hono واختبر الفرق بنفسك. يمكنك العثور على الموارد والقوالب المبدئية لمساعدتك على التبديل بسهولة من Express.

npm create hono@latest my-app

هذا كل شيء! أنت على استعداد للذهاب. برمجة سعيدة مع Hono! شاركني تجربتك مع Hono في التعليقات أدناه، على Twitter أو Github. سأكون سعيدًا لسماع أفكارك!