Express.js уже давно является предпочтительным выбором для многих разработчиков, когда дело доходит до создания веб-серверов. Благодаря более чем 30 миллионам еженедельных установок становится ясно, что Express зарекомендовал себя как отраслевой стандарт. Но время прошло, изменились и требования современных веб-приложений. Разработчики теперь ищут платформы, которые были бы не только простыми, но и более надежными, типобезопасными и лучше подходящими для периферийных вычислений и бессерверных сред.

На протяжении многих лет такие фреймворки, как NestJS, Next.js и Nuxt.js пытались развивать и улучшать опыт разработчиков. Несмотря на то, что эти платформы являются мощными, они часто имеют значительную сложность или трудоемкий процесс настройки, который может показаться утомительным, особенно для более простых случаев использования. Иногда разработчикам нужно что-то такое же простое и легкое, как Express, но с современными функциями.

Здесь в дело вступает Хоно.

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 использует API-интерфейсы Node, такие как req и res, которые хорошо известны большинству разработчиков:

Выражать -

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

Hono, напротив, построен на основе веб-API, таких как 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. Сравнение производительности: преимущество Edge

Производительность — вот в чем Hono действительно превосходит Express. Легкая платформа Hono, созданная с учетом скорости и периферийного развертывания, превосходит Express в большинстве тестов. И вот почему:

• Hono использует современные веб-API и не полагается на особенности Node.js.
• Минималистичный дизайн делает работу быстрее и требует меньшего количества зависимостей.
• Hono может легко воспользоваться преимуществами периферийных вычислительных сред, таких как рабочие и страницы Cloudflare или Deno.

В приложениях, где производительность критична, Hono является привлекательным выбором.

7. Развертывания: сначала периферийные и бессерверные системы

Hono с нуля разработан для периферийных и бессерверных сред. Он легко интегрируется с такими платформами, как Cloudflare Workers, Vercel и Deno Deploy. В то время как Express более традиционен и часто сочетается с серверами Node.js, Hono процветает в современных распределенных средах.

Если вы создаете приложения, которые должны работать ближе к пользователю, API-интерфейсы Hono могут легко работать на периферии и предлагать значительные преимущества по сравнению с Express.

8. Экосистема и сообщество: быстрый рост

Express может похвастаться одной из крупнейших экосистем в мире Node.js. Благодаря тысячам пакетов промежуточного программного обеспечения и огромному сообществу это привычный и надежный вариант. Однако экосистема Хоно быстро растет. Коллекция промежуточного программного обеспечения компании расширяется, а поскольку она ориентирована на производительность и современные веб-стандарты, все больше разработчиков используют ее для создания передовых приложений.

Хотя вы можете пропустить некоторые пакеты Express, сообщество Hono активно и каждый день создает новые инструменты.

Вы можете узнать больше о сообществе и экосистеме Hono на веб-сайте Hono.

9. Кривая обучения: разработчики Express будут чувствовать себя как дома

API Hono интуитивно понятен, особенно для разработчиков, пришедших из Express. При аналогичном шаблоне маршрутизации и промежуточного программного обеспечения кривая обучения минимальна. Более того, Hono построен на основе веб-API, таких как Fetch, а это означает, что полученные вами навыки можно переносить за пределы простой разработки на стороне сервера, что упрощает работу с современными платформами и средами.

Заключение: почему вам стоит попробовать Hono

Hono предлагает новый подход к веб-разработке, ориентируясь на производительность и уделяя особое внимание периферийным вычислениям. Хотя Express уже много лет является надежной средой, Интернет меняется, и такие инструменты, как Hono, прокладывают путь для приложений следующего поколения.

Если вы разработчик Express и хотите изучить периферийные вычисления и бессерверные архитектуры или вам нужна более быстрая и современная среда, попробуйте Hono. Вы обнаружите, что многие концепции вам знакомы, но прирост производительности и гибкость развертывания произведут на вас впечатление.

Готовы начать?

Попробуйте создать свой следующий проект с помощью Hono и ощутите разницу сами. Вы можете найти ресурсы и начальные шаблоны, которые помогут вам легко перейти с Express.

npm create hono@latest my-app

Вот и все! Вы готовы идти. Удачного программирования с Hono! Поделитесь со мной своим опытом работы с Hono в комментариях ниже, в Twitter или Github. Буду рад услышать ваше мнение!