Server File Statis

Belajar Node.js Melalui Aplikasi Web
Search…
Pendahuluan
Node.js
Asinkron I/O & Event
Server HTTP Dasar
Server File Statis
Pemrosesan Data Form HTML
Server File Statis
Aplikasi web memerlukan file - file statis seperti CSS, font dan gambar atau file - file library JavaScript agar aplikasi web bekerja sebagaimana mestinya. File - file ini sengaja dipisahkan agar terstruktur dan secara best practices file - file ini memang harus dipisahkan. Lalu bagaimana caranya Node.js bisa menyediakan file - file ini ?...ok mari kita buat server Node.js yang fungsinya untuk menyediakan file statis.
Agar server Node.js bisa mengirimkan file statis ke klien maka server perlu mengetahui path atau tempat dimana file tersebut berada.
Node.js bisa mengirimkan file tersebut secara streaming melalui fungsi fs.createReadStream(). Sebelum dijelaskan lebih lanjut mungkin bisa dilihat atau di coba saja server file Node.js dibawah ini
​server-file.js​
1
var http = require('http'),
2
    parse = require('url').parse,
3
    join = require('path').join,
4
    fs = require('fs'),
5
    root = join(__dirname, 'www'),
6
    PORT = 3300,
7
​
8
    server = http.createServer(function(req, res){
9
        var url = parse(req.url),
10
            path = join(root, url.pathname),
11
            stream = fs.createReadStream(path);
12
​
13
        stream.on('data', function(bagian){
14
            res.write(bagian);
15
        });
16
​
17
        stream.on('end', function(){
18
            res.end();
19
        });
20
​
21
        stream.on('error', function(){
22
            res.setHeader('Content-Type','text/html');
23
​
24
            var url_demo = "http://localhost:"+PORT+"/index.html";
25
            res.write("coba buka <a href="+url_demo+">"+url_demo+"</a>");
26
            res.end();
27
        })
28
​
29
    });
30
​
31
    server.listen(PORT);
32
    console.log('Port '+PORT+': Server File ');
Copied!
Berikut sedikit penjelasan dari kode diatas
​__dirname merupakan variabel global yang disediakan oleh Node.js yang berisi path direktori dari file yang sedang aktif mengeksekusi __dirname.
root merupakan direktori root atau referensi tempat dimana file-file yang akan dikirimkan oleh server Node.js. Pada kode server diatas direktori root di setting pada direktori www.
path adalah path file yang bisa didapatkan dengan menggabungkan path direktori root dan pathname. pathname yang dimaksud di sini misalnya jika URL yang diminta yaitu http://localhost:3300/index.html maka pathname adalah /index.html. Nilai variabel path dihasilkan dengan memakai fungsi join().
1
var path = join(root, url.pathname)
Copied!
stream yang di kembalikan oleh fungsi fs.createReadStream() merupakan class stream.Readable. Objek stream ini mengeluarkan data secara streaming untuk di olah lebih lanjut. Perlu menjadi catatan bahwa stream.Readable tidak akan mengeluarkan data jikalau tidak di kehendaki. Nah...cara untuk mendeteksi data streaming ini sudah siap di konsumsi atau belum adalah melalui event.
Event yang di dukung oleh class stream.Readable adalah sebagai berikut
Event: readable
Event: data
Event: end
Event: error
Event: close
Mungkin anda bertanya kenapa server file statis diatas memakai stream, bukankah menyediakan file secara langsung saja sudah bisa? jawabannya memang bisa, tetapi mungkin tidak akan efisien kalau file yang akan di berikan ke client mempunyai ukuran yang besar. Coba lihat kode berikut
1
var http = require('http');
2
var fs = require('fs');
3
​
4
var server = http.createServer(function (req, res) {
5
    fs.readFile(__dirname + '/data.txt', function (err, data) {
6
        res.end(data);
7
    });
8
});
9
server.listen(8000);
Copied!
Jika file data.txt terlalu besar maka buffer yang digunakan oleh sistem juga besar dan konsumsi memori juga akan bertambah besar seiring semakin banyak pengguna yang mengakses file ini.
Jika anda ingin lebih banyak mendalami tentang Node.js Stream silahkan lihat resource berikut (dalam Bahasa Inggris):
​Node.js API Stream​
​Stream Handbook​
Menjalankan Server
Pemrosesan Data Form HTML
Last modified 2yr ago
Copy link