Как установить Node.js + npm на хостинг?
Node.js представляет среду выполнения кода на JavaScript, которая построена на основе движка JavaScript Chrome V8, который позволяет транслировать вызовы на языке JavaScript в машинный код. Node.js прежде всего предназначен для создания серверных приложений на языке JavaScript.
NPM, сокращенно от Node Package Manager — это стандартный менеджер пакетов для Node.js и крупнейший в мире репозиторий программного обеспечения для публикации с открытым исходным кодом Node.js пакетов.
Для установки Node.js и npm необходимо подключиться по SSH к серверу хостинга.
Инструкции по подключению Вы можете найти в разделе [РАБОТА С SSH].
Установка Node.js на хостинг возможна через NVM (Node Version Manager).
1. После подключения на сервер, прямо в начальной директории Вашего хостинг-аккаунта, выполните следующую команду для установки NVM :
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
Скрипт скопирует NVM репозитарий с Github в «$HOME/.nvm» и добавит путь к скрипту в локальный Bash профиль хостинг аккаунта.
Вывод предыдущей команды сообщит, что нужно или переподключиться по SSH или запустить
команды, которые добавят путь к NVM в текущую сессию.
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # Эта команда загрузит nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # Эта загрузит nvm bash_completion
Что бы проверить корректность устновки NVM и установленную версию, введите команду
nvm --version
Вывод должен быть такого вида:
0.35.3
2. Теперь, когда NVM установлен, можно установить последню доступную версию Node.js. Для этого нужно ввести команду:
nvm install node
Корректность установки и версию Node.js можно проверить командой:
node --version
Пример вывода команды:
v15.5.1
3. Для установки npm используйте команду:
curl https://npmjs.org/install.sh | bash
Проверить корректность установки и узнать версию менеджера пакетов можно командой:
npm --version
Создание проекта начинается с иницализации командой:
npm init
Все категории вопросов
- Общие вопросы по услуге хостинга
- Робота с хостинг 2.0
- Работа с базами данных [MySQL]
- Работа с FTP
- Работа с SSH
- Работа с почтой
- Работа с Cron
- Работа с SSL
- Работа с резервным копированием
- Работа с htaccess
- Работа с CMS
- Дополнительные услуги
- Нагрузка
- Ошибки на сайте
- Конструктор сайтов
- Регистрация и продление доменов
- Управление DNS-записями домена
- Трансфер домена
- Смена контактных данных владельца домена
- Настройка CloudFlare
- Общие вопросы по серверам
- Администрирование виртуального сервера (VPS)
- Администрирование выделенного сервера (DS)
- Инструкции по Windows Server
- Инструкции по Linux
- Панель управления FASTPANEL
- Панель управления Hestia CP
- Панель управления Vesta CP
- Платный SSL-сертификат
- Файловое хранилище
- SMS-сервис
- CallBack-сервис
Как установить Node.js и проверить его работу
Привет! В этой статье расскажу, как установить Node.js. Причем не важно, какая у вас система — Windows или macOS.
Node.js — это технология, программная платформа, позволяющая писать серверный код на языке JаvaScript. Она представляет из себя компилятор, построенный на движке V8, зашитый в Google Chrome.
V8 — это высокопроизводительный движок JavaScript и WebAssembly от Google с открытым исходным кодом, написанный на C ++.
Он используется в Chrome и Node.js и других; реализует ECMAScript и WebAssembly, работает в системах от Windows 7 и более новых, macOS 10.12+ и Linux, использующих процессоры x64, IA-32, ARM или MIPS.
V8 может работать автономно или может быть встроен в любое приложение C ++.
Установка Node.js

Ваша система определяется автоматически. Выбираем Current (текущую версию). Это обычный exe файл, который устанавливается как и любая другая программа.
2. Следуйте всем настройкам по умолчанию, нажимая Next для продолжения:

Принимаем условия использования, ставим галочку:

Папка назначения, куда будет установлен Node.js. По умолчанию, это Program Files на диске C:

Настройки по умолчанию. Модули, которые установятся, здесь важно наличие npm modules:

Предлагают установить дополнительные инструменты — здесь галочку не ставим:

Install — нажимаем для запуска инсталляции или Back, чтобы вернуться и изменить настройки:

После успешной установки нажимаем Finish:

Проверяем работу Node.js
1. На вашем виртуальном сервере, у меня это OpenServer/domains:
var text = 'Hello, world!'; console.log(text);
2. Запускаем командную строку. Если не знаете, как её запустить, то перейдите Пуск -> Стандартные программы -> Выполнить

2.1. Напишите в этой строке: npm -v
-v — version — версия
Если видим версию (на скрине у меня 6.7.0), значит всё ОК!

2.2. Здесь же, в консоли, переходим к папке node: cd node и командой dir проверяем содержимое папки. Наблюдаем наличие нашего index.js
2.3. Делаем компиляцию командой: node index
node index это сокращенная команда — аналог записи node ./index.js (выше на скрине). Т.е. можно не указывать путь к файлу, Node.js по умолчанию сам ищет в корне индексный файл index.js.
2.4. И вот он, долгожданный результат: Hello, World!
Всё работает! Поздравляю! Или нет? Пишите.
Эту статью написала специально к серии уроков по Gulp, поскольку там ссылаюсь на необходимость установленного Node.js. Теперь будет понятно, как это сделать.
Руководство для начинающих
Это руководство проведёт вас через процесс создания простого Hello World приложения в Electron, похожий на electron/electron-quick-start .
К концу этого урока ваше приложение откроет окно браузера, отображая веб-страницу с информацией о том, какие версии Chromium.js Node и Electron работают.
Требования
Чтобы использовать Electron вы должны установить Node.js. Мы рекомендуем Вам использовать последнюю доступную LTS версию.
Пожалуйста, установите Node.js с помощью предварительно собранных установщиков для вашей платформы. В противном случае могут возникнуть проблемы совместимости.
Чтобы убедится что Node.js был установлен правильно, напишите следующие команды в терминале:
node -v npm -v
Команды должны вывести версии Node.js и npm соответственно.
Note:Так как Electron встраивает Node.js в двоичный код, выполняемая версия Node.js может отличатся.
Создание приложения
Сборка приложения
Приложения Electron имеют ту же общую структуру, что и другие проекты Node.js. Начните с создания папки и инициализации пакета npm.
mkdir my-electron-app && cd my-electron-app npm init
mkdir my-electron-app && cd my-electron-app yarn init
Команда init запросит некоторые значения для файла конфигурации. В этом руководстве стоит придерживаться следующего:
- Значение entry point должно быть main.js .
- Поля author и description могут быть любыми, но необходимы для создания пакета.
Ваш package.json файл должен выглядеть примерно так:
"name": "my-electron-app", "version": "1.0.0", "description": "Hello World!", "main": "main.js", "author": "Jane Doe", "license": "MIT" >
Далее установите пакет electron как devDependencies .
npm install --save-dev electron
yarn add --dev electron
Примечание: Если у вас возникли какие-либо проблемы с установкой Electron, пожалуйста, обратитесь к руководству Advanced Installation.
Наконец, чтобы стал возможен запуск приложения, добавьте команду start в разделе scripts файла package.json , как показано далее:
"scripts": "start": "electron ." > >
Эта start команда откроет ваше приложение в режиме разработчика.
npm start
yarn start
Примечание: Эта команда запускает приложение из корневой папки. На этом шаге возможна ошибка, которая заключается в том, что не найдено приложение для запуска.
Запуск main process
Входной точкой для любого приложения на Electron является скрипт main . Этот скрипт управляет основным процессом, который запускается в полной среде Node.js и отвечает за управление рабочего цикла вашего приложения, отображение основного интерфейса, выполнение привилегированных операций и управление процессом визуализации (подробнее об этом позже).
В процессе выполнения, Electron будет искать этот скрипт в основном поле вашего package.json конфига, который вы сконфигурировали в процессе формирования кода приложения.
Чтобы инициализировать основной скрипт, создайте пустой файл с именем main.js в корневой папке вашего проекта.
Примечание: Если вы снова запустите скрипт запуска на этот момент, ваше приложение больше не будет выявлять никаких ошибок! Тем не менее, он не будет делать ничего, потому что мы не добавили код в main.js .
Создание веб-страницы
Прежде чем мы сможем создать окно для нашего приложения, нам нужно создать контент, который будет загружен в него. In Electron, each window displays web contents that can be loaded from either a local HTML file or a remote URL.
В этом туториале вы будете создавать первое. Создайте index.html файл в корневой папке проекта:
DOCTYPE html> html> head> meta charset="UTF-8"> meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> title>Hello World!title> head> body> h1>Hello World!h1> We are using Node.js span id="node-version">span>, Chromium span id="chrome-version">span>, and Electron span id="electron-version">span>. body> html>
Замечание: Посмотрев на этот HTML-документ, можно заметить, что версии не указаны в блоке body. Мы вручную вставим их позже с помощью JavaScript.
Открытие веб-страницы в окне браузера
Now that you have a web page, load it into an application window. To do so, you’ll need two Electron modules:
- The app module, which controls your application’s event lifecycle.
- The BrowserWindow module, which creates and manages application windows.
Because the main process runs Node.js, you can import these as CommonJS modules at the top of your file:
const app, BrowserWindow > = require('electron')
Then, add a createWindow() function that loads index.html into a new BrowserWindow instance.
const createWindow = () => const win = new BrowserWindow( width: 800, height: 600 >) win.loadFile('index.html') >
Next, call this createWindow() function to open your window.
In Electron, browser windows can only be created after the app module’s ready event is fired. You can wait for this event by using the app.whenReady() API. Call createWindow() after whenReady() resolves its Promise.
app.whenReady().then(() => createWindow() >)
Note: At this point, your Electron application should successfully open a window that displays your web page!
Manage your window’s lifecycle
Although you can now open a browser window, you’ll need some additional boilerplate code to make it feel more native to each platform. Application windows behave differently on each OS, and Electron puts the responsibility on developers to implement these conventions in their app.
In general, you can use the process global’s platform attribute to run code specifically for certain operating systems.
Quit the app when all windows are closed (Windows & Linux)
On Windows and Linux, exiting all windows generally quits an application entirely.
To implement this, listen for the app module’s ‘window-all-closed’ event, and call app.quit() if the user is not on macOS ( darwin ).
app.on('window-all-closed', () => if (process.platform !== 'darwin') app.quit() >)
Open a window if none are open (macOS)
Whereas Linux and Windows apps quit when they have no windows open, macOS apps generally continue running even without any windows open, and activating the app when no windows are available should open a new one.
To implement this feature, listen for the app module’s activate event, and call your existing createWindow() method if no browser windows are open.
Because windows cannot be created before the ready event, you should only listen for activate events after your app is initialized. Do this by attaching your event listener from within your existing whenReady() callback.
app.whenReady().then(() => createWindow() app.on('activate', () => if (BrowserWindow.getAllWindows().length === 0) createWindow() >) >)
Note: At this point, your window controls should be fully functional!
Access Node.js from the renderer with a preload script
Now, the last thing to do is print out the version numbers for Electron and its dependencies onto your web page.
Accessing this information is trivial to do in the main process through Node’s global process object. However, you can’t just edit the DOM from the main process because it has no access to the renderer’s document context. They’re in entirely different processes!
Note: If you need a more in-depth look at Electron processes, see the Process Model document.
This is where attaching a preload script to your renderer comes in handy. A preload script runs before the renderer process is loaded, and has access to both renderer globals (e.g. window and document ) and a Node.js environment.
Create a new script named preload.js as such:
window.addEventListener('DOMContentLoaded', () => const replaceText = (selector, text) => const element = document.getElementById(selector) if (element) element.innerText = text > for (const dependency of ['chrome', 'node', 'electron']) replaceText(`$dependency>-version`, process.versions[dependency]) > >)
The above code accesses the Node.js process.versions object and runs a basic replaceText helper function to insert the version numbers into the HTML document.
To attach this script to your renderer process, pass in the path to your preload script to the webPreferences.preload option in your existing BrowserWindow constructor.
const app, BrowserWindow > = require('electron') // include the Node.js 'path' module at the top of your file const path = require('node:path') // modify your existing createWindow() function const createWindow = () => const win = new BrowserWindow( width: 800, height: 600, webPreferences: preload: path.join(__dirname, 'preload.js') > >) win.loadFile('index.html') > // .
There are two Node.js concepts that are used here:
- The __dirname string points to the path of the currently executing script (in this case, your project’s root folder).
- The path.join API joins multiple path segments together, creating a combined path string that works across all platforms.
We use a path relative to the currently executing JavaScript file so that your relative path will work in both development and packaged mode.
Bonus: Add functionality to your web contents
At this point, you might be wondering how to add more functionality to your application.
For any interactions with your web contents, you want to add scripts to your renderer process. Because the renderer runs in a normal web environment, you can add a tag right before your index.html file’s closing


