Используйте 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 и присоединитесь к нашему Коллективу талантов.