Используйте Express и EJS для визуализации веб-сайта.

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

Сначала настройте проект Node.js с помощью npm init или скопируйте файл package.json, предоставленный в конце статьи.

Затем запустите npm install, чтобы установить зависимости в файле package.json. В файле app.js импортируйте экспресс, чтобы начать настройку сервера и маршрутов.

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

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

app.set('view engine', 'ejs')
app.set('views', 'views')

Простым способом настройки маршрута является использование app.get() для запросов GET.

app.get("/", (req, res) => {
 res.render("index")
})

Наконец, настройте сервер на порту 3000.

app.listen(3000)

Теперь вы можете перейти на localhost:3000 и посмотреть результат. Второй маршрут должен располагаться по адресу localhost:3000/ejs.

Исходный код

И вот оно. Спасибо за чтение.

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.