Instalacja i uruchamianie Next.js przez panel sterowania

Uruchamianie aplikacji Node.js w panelu sterowania

Wejdź do panelu sterowania HOSTING 2.0. W menu wybierz sekcję do uruchamiania Node.js aplikacji i wybierz jedną z obsługiwanych wersji.

Jeśli wcześniej funkcjonalność nie była aktywowana, system poprosi Cię o wybór wersji Node.js, na której będzie działał Twój projekt. Na tym etapie zalecamy zapoznanie się z dokumentacją aplikacji, aby wybrać właściwą wersję. Wybierz odpowiednią wersję i naciśnij przycisk Zapisz.

Jeśli nie znalazłeś w liście potrzebnej wersji, prosimy o kontakt z naszym wsparciem technicznym pod adresem support@cityhost.net.ua z rejestracyjnego adresu e-mail lub panelu sterowania.

Uruchom aplikację z zastępczymi danymi.

Instalacja Next.js

Aby zainstalować Next.js, skorzystaj z oficjalnego przewodnika: Przewodnik po instalacji Next.js.

Połącz się z serwerem przez SSH. W terminalu przejdź do katalogu witryny:

cd www/

Tworzenie nowej aplikacji Next.js

Uruchom polecenie do stworzenia nowej aplikacji Next.js, używając npx:

npx create-next-app@latest yoursite.com

W tym przykładzie yoursite.com — należy zastąpić nazwą swojej witryny. 

Po wykonaniu polecenia poczekaj na zakończenie procesu tworzenia aplikacji. To polecenie stworzy wszystkie niezbędne pliki i katalogi do działania aplikacji Next.js.

Tworzenie pliku server.js

Po utworzeniu aplikacji musisz stworzyć plik server.js, który będzie odpowiedzialny za uruchamianie aplikacji przez serwer HTTP.

Stwórz nowy plik server.js w katalogu głównym swojej aplikacji i dodaj do niego następujący kod:

const next = require('next');
const fs = require('fs');
const http = require('http');
const socketPath = process.env.PORT;
const app = next({dev: true});
const handle = app.getRequestHandler();

app.prepare().then(() => {
 if (fs.existsSync(socketPath)) {
 fs.unlinkSync(socketPath);
 }

 const server = http.createServer((req, res) => {
 handle(req, res);
 });

 server.listen(socketPath, () => {
 console.log(`Serwer nasłuchuje na ${socketPath}`);
 });

 fs.chmodSync(socketPath, '0777');
});

Ten plik będzie używany do uruchamiania aplikacji na Twoim serwerze za pomocą protokołu HTTP przez gniazdo.

Konfiguracja pliku package.json 1

Otwórz plik package.json swojej aplikacji, znajdź sekcję scripts i zmień polecenie uruchamiające aplikację: Zmień: "start": "next start", Na:

"start": "node ./server.js",

Budowanie aplikacji dla środowiska produkcyjnego

Jeśli planujesz wdrożenie aplikacji w środowisku produkcyjnym, najpierw musisz zbudować aplikację. W tym celu wykonaj polecenie:

npm run build

To polecenie zbuduje wszystkie statyczne pliki i zoptymalizuje aplikację dla środowiska produkcyjnego.

Po zakończeniu budowy lub konfiguracji możesz uruchomić usługę przez panel sterowania:

Jeśli wszystko jest poprawnie skonfigurowane, aplikacja uruchomi się i będziesz mógł ją otworzyć w przeglądarce. Teraz możesz cieszyć się działającą aplikacją Next.js na swoim serwerze!