Bardzo prosty serwer w node.js

Wpis ten ma za zadanie dać Ci błyskawicznie opcję serwera w node.js statycznych plików w node.js.

Czego potrzebujesz

  • co to node.js
  • 5 minut (lub 30 sekund – patrz TLDR;)

TLDR;

Możesz czytać całość, albo wykonać te polecania:

git clone git@github.com:yarpo/simpleNodeServer.git
cd simpleNodeServer
npm install
npm start
# w przeglądarce http://localhost:3010 

Miłej lektury (dla ciekawskich 😉 )

Bardzo prosty serwer w node.js – za pomocą npm

Aby stworzyć nową aplikację możesz wykorzystać z npm (node package manager) albo po prostu zrobić clone z repozytorium.

W katalogu, w którym chcesz stworzyć ten projekt wykonaj:

npm init

Nie będę opisywał, jakie odpowiedzi dałem na kolejne pytania. Wystarczy, że zobaczysz wynikowy plik package.json.

{
  "name": "simpleNodeServer",
  "version": "1.0.0",
  "description": "Example simple node server",
  "main": "app.js",
  "scripts": {
    "start": "node app.js"
  },
  "author": "Patryk yarpo Jar",
  "license": "Creative Commons"
}

Następnie potrzebujemy dodać pakiet express:

npm install express

Ta komenda powinna dodać następujące linie do pliku package.json:

...
"license": "Creative Commons",
"dependencies": {
  "express": "^4.16.2"
}

Kod serwera statystycznych plików (node.js)

Skoro już mamy podstawy projektu, dodajmy wreszcie właściwy kod:

var express = require('express')
var path = require('path')
var app = express()

app.use(express.static(path.join(__dirname, 'application')))

var server = app.listen(3010, function () {
    var port = server.address().port
})

Co robi ten kod:

Na porcie 3010 dostępny będzie serwer statystycznych plików z katalogu application.

Tu proponuję skopiować pliki z repozytorium.

Kod index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My example page</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <h1>This is example of very simple server of static files on node</h1>
    <img src="images/cc.png" alt="example">
</body>
</html>

Jak widać ten kod nie jest szczególnie wysublimowany, ale pokazuje dokładnie to, co miał pokazać ten krótki wpis – jak stworzyć bardzo prosty serwer w node.js.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *