Jump to content
CMSTOOLS.org - форум поддержки и развития CMS

Как node js запустить?


GoogleChrome

Recommended Posts

На хостинге есть node.js

может кто подскажет.

есть данные на сайте

<div id="id">5</div>

5 взята из базы

если в базе обновляется 5, например на 7

как через node js поменять содержание этого div на новое?

Link to comment
Share on other sites

  • 1 year later...

Не знаю, актуально ли, но пох

Чтобы изменить содержимое элемента <div> на твоём сайте с использованием Node.js, тебе потребуется комбинация серверной и клиентской частей. Вот общий план того, как это можно сделать:

  • Серверная часть (Node.js):

    • Установи Node.js на своём хостинге, если это еще не сделано.
    • Создай серверную часть, используя фреймворк Express, например.
    • Настрой маршрут, который будет обрабатывать запросы на обновление данных в базе.
    • Подключись к базе данных (например, MongoDB или MySQL) и выполни обновление данных.
    • После успешного обновления данных в базе, верни подтверждение клиенту.
  • Клиентская часть (HTML/JavaScript):

    • В HTML-файле добавь скрипт для получения обновленных данных с сервера и изменения содержимого <div>:
<div id="id">5</div>
<button id="updateButton">Обновить</button>

<script>
  document.getElementById('updateButton').addEventListener('click', async () => {
    const response = await fetch('/update'); // Путь к твоему серверному маршруту
    const data = await response.json();
    const newValue = data.newValue; // Предположим, сервер вернул новое значение
    document.getElementById('id').textContent = newValue;
  });
</script>
  • Серверная часть (продолжение):

    • Добавь код на сервере, который будет обрабатывать запросы на обновление данных и возвращать новое значение:
const express = require('express');
const app = express();

// Подключение к базе данных и другие необходимые настройки...

// Маршрут для обновления данных
app.get('/update', async (req, res) => {
  try {
    // Выполни обновление данных в базе
    // Предположим, новое значение равно 7
    const newValue = 7;
    // Верни новое значение клиенту
    res.json({ newValue });
  } catch (error) {
    res.status(500).json({ error: 'Произошла ошибка' });
  }
});

// Запуск сервера
const port = 3000;
app.listen(port, () => {
  console.log(`Сервер запущен на порту ${port}`);
});

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

Edited by 6hr3d3r
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...