Как выполнить node.js код на html странице?

Пользователь

от jensen , в категории: JavaScript , месяц назад

Как выполнить node.js код на html странице?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от fred , месяц назад

@jensen 

Чтобы выполнить Node.js код на HTML странице, необходимо использовать серверную технологию, такую как Express.js, чтобы запустить сервер и обработать запросы. Вот пример того, как это может быть сделано:

  1. Установите Node.js на свой компьютер, если вы этого еще не сделали.
  2. Создайте новую папку для вашего проекта и откройте ее в терминале или командной строке.
  3. Создайте новый файл с именем app.js внутри вашей папки проекта и добавьте следующий код:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Привет, мир!');
});

app.listen(3000, () => {
  console.log('Сервер запущен на порту 3000');
});


Этот код создает Express-приложение, которое слушает корневой URL и отправляет ответ «Привет, мир!» при каждом запросе.

  1. Установите зависимости, выполнив команду npm install express.
  2. Создайте новый файл с именем index.html внутри вашей папки проекта и добавьте следующий код:
1
2
3
4
5
6
  Node.js на HTML странице


  



В этом коде создается базовая структура HTML страницы, и добавляется тег <script>, который будет загружать и выполнять ваш JavaScript код.

  1. Создайте новый файл с именем script.js внутри вашей папки проекта и добавьте в него ваш Node.js код:
1
console.log('Привет, я Node.js код, выполняемый на HTML странице!');


  1. Запустите сервер, выполнив команду node app.js.
  2. Откройте браузер и перейдите по адресу http://localhost:3000. Вы должны увидеть вашу HTML страницу с выполненным Node.js кодом в консоли браузера.


Обратите внимание, что это только базовый пример, и вы можете дополнить его своим собственным Node.js кодом и HTML разметкой.