Bagaimana untuk mengendalikan statik dengan nodejs

Sumber Laman Web

Dalam era Internet hari ini, tapak web telah menjadi saluran penting bagi banyak syarikat untuk mempamerkan diri mereka. Dengan perkembangan teknologi Internet, semakin banyak syarikat mula menjadikan laman web mereka menjadi laman web yang dinamik. Walau bagaimanapun, dalam beberapa senario, laman web statik masih mempunyai kelebihan uniknya, salah satunya ialah kelajuan pantas. Jadi bagaimana untuk menggunakan Node.js untuk memproses sumber statik pada tapak web statik? Seterusnya, kita akan membincangkan isu ini secara terperinci.

1. Apakah itu tapak web statik?

Tapak web statik ialah tapak web yang terdiri daripada fail statik seperti HTML, CSS dan JavaScript Fail statik ini dihuraikan secara langsung oleh penyemak imbas pada klien. Berbanding dengan tapak web dinamik, tapak web statik tidak memerlukan operasi seperti pangkalan data dan penghuraian sebelah pelayan bagi kandungan dinamik, jadi ia pantas dan sangat selamat. Walau bagaimanapun, tapak web dinamik adalah lebih fleksibel dan boleh menyediakan pengguna dengan ciri interaktif yang lebih maju.

2. Aplikasi Node.js dalam tapak web statik

Node.js ialah persekitaran JavaScript yang dijalankan pada bahagian pelayan Ia mempunyai keupayaan operasi IO tak segerak yang sangat baik dan mekanisme dipacu peristiwa yang cekap. Ciri-ciri inilah yang memberikan Node.js dengan banyak kelebihan dalam pembangunan, seperti membina konkurensi tinggi, aplikasi web teragih, membangunkan bilik sembang dan aplikasi web masa nyata.

Dalam tapak web statik, kami boleh menggunakan Node.js untuk memproses sumber statik untuk mengoptimumkan kecekapan dan prestasi tapak web. Berikut ialah beberapa kaedah biasa untuk mengendalikan sumber statik:

1. Menggunakan modul http-server

Http-server ialah pelayan HTTP baris arahan yang ringkas dan konfigurasi sifar. Ia boleh memulakan pelayan HTTP dengan cepat, dan menyokong API sejarah HTML5 (menjadikan URL lebih cantik) dan pemindahan fail tanpa cache.

Pasang modul http-server:

npm install -g http-server

Jalankan arahan berikut dalam terminal untuk memulakan http-server dengan cepat:

http-server

Sudah tentu, anda juga boleh memulakannya nombor port http-server yang ditentukan:

http-server -p 8080

Apabila menggunakan pelayan-http untuk memproses sumber statik, anda hanya perlu meletakkan fail statik yang perlu dipaparkan dalam laluan tertentu Contohnya, dalam direktori semasa di mana http-server dimulakan, kami mencipta fail index.html, kami boleh terus melihat fail ini dengan mengakses http://localhost:8080/index.html.

2. Gunakan modul statik nod

statik nod ialah pelayan sumber statik yang ringkas, pantas dan mudah digunakan. Ia menyokong pemampatan gzip, boleh menyesuaikan pengepala respons, dan juga boleh cache sumber, dsb. Penggunaan nod-statik adalah sangat mudah Anda hanya perlu memanggil pelayan sumber statik di bawah laluan tertentu.

Pasang modul statik nod:

npm install -g node-static

Laksanakan arahan berikut dalam terminal untuk memulakan statik nod:

static

Anda boleh menyesuaikan nombor port dan laluan fail:

static -p 8080 ./public

Apabila menggunakan nod-statik untuk memproses sumber statik, anda hanya perlu meletakkan fail statik yang perlu dipaparkan dalam direktori yang ditentukan Contohnya, dalam direktori semasa, kami mencipta laluan awam dan menambah fail index.html kepadanya , maka kita boleh terus melihat fail ini dengan mengakses http://localhost:8080/index.html.

3. Menggunakan rangka kerja Express

Express ialah rangka kerja pembangunan aplikasi web berdasarkan platform Node.js Ia mempunyai fungsi pembangunan pantas HTTP yang kaya dan HTTP asli Node.js Modul lebih cekap dan ringkas.

Apabila menggunakan rangka kerja Express untuk memproses sumber statik, kami boleh menggunakan perisian tengah statik terbina dalam untuk memproses sumber statik dengan cepat. Operasi khusus adalah seperti berikut:

Pertama, anda perlu memperkenalkan modul Express ke dalam aplikasi dan juga memproses perisian tengah untuk sumber statik.

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

// 使用中间件处理静态资源
app.use(express.static('public'));

Kod di atas menunjukkan bahawa Express akan mencari sumber statik dalam folder awam. Sebagai contoh, jika kita mempunyai fail index.html dalam folder awam, kita boleh terus melihat fail ini dengan mengakses http://localhost:8080/index.html.

4. Menggunakan rangka kerja Koa

Koa ialah rangka kerja web baharu yang menyediakan satu set kaedah elegan untuk menjadikan kod sisi pelayan tapak web lebih ringkas dan lebih dipercayai . Ia lebih mudah dibaca dan menyediakan cara yang cepat dan cekap untuk membina aplikasi rangkaian.

Apabila menggunakan rangka kerja Koa untuk memproses sumber statik, kita boleh menggunakan modul koa-statik ialah pelayan sumber statik untuk rangka kerja Koa. Ia mempunyai ciri seperti mampatan gzip, sokongan ETag sokongan cache.

Menggunakan modul koa-statik untuk memproses sumber statik adalah serupa dengan menggunakan nod-statik Anda hanya perlu mencipta laluan fail lengkap dalam direktori yang ditentukan, dan kemudian memulakan perkhidmatan Koa.

Pertama sekali, anda perlu memperkenalkan modul koa dan modul koa-static ke dalam aplikasi:

var Koa = require('koa');
var serve = require('koa-static');
var app = new Koa();

Kedua, anda perlu menggunakan modul koa-static untuk memproses sumber statik:

app.use(serve(__dirname + '/public'));

Kod di atas Menunjukkan menggunakan Koa untuk memproses sumber statik dalam folder awam. Sebagai contoh, jika kita mempunyai fail index.html dalam folder awam, kita boleh terus melihat fail ini dengan mengakses http://localhost:8080/index.html.

Ringkasan:

Di atas memperkenalkan empat cara untuk memproses sumber statik Kaedah yang berbeza sesuai untuk senario yang berbeza mengikut keperluan sebenar.

Tidak kira kaedah yang digunakan, ia dioptimumkan khas untuk pemprosesan sumber statik, menjadikan bacaan dan tindak balas sumber statik agak cekap, sekali gus meningkatkan prestasi dan kestabilan keseluruhan aplikasi.

Atas ialah kandungan terperinci Bagaimana untuk mengendalikan statik dengan nodejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!