# webserver: html && publc ## 靜態server * apache(LAMP之a) * nginx(LNMP之n) 每個http server framework里都內置的，雖然以后不會用 ## serve-index 基于connect的中間件 * [Serve directory listings](https://www.npmjs.com/package/serve-index) ## serve-static 基于connect的中間件 * [Serve static files](https://www.npmjs.com/package/serve-static) ## express static ~~~ var express = require('express'); var app = express(); var path = require('path'); var open = require("open"); app.use(express.static(path.join(__dirname, 'www/'))); app.get('/', function (req, res) { res.send('Hello World') }) // 隨機端口3000 - 10000 之間 app.listen(4001) open("http://127.0.0.1:4001"); ~~~ ## open ~~~ var express = require('express'); var app = express(); var path = require('path'); var open = require("open"); app.get('/', function (req, res) { res.send('Hello World') }) // 隨機端口3000 - 10000 之間 app.listen(4001) open("http://127.0.0.1:4001"); ~~~ ## 實現一個簡單的網頁 * 創建html * 創建css和js和images目錄 * 完成hello world ## 其他 nodejs里可以使用更簡單的辦法完成這事兒 ~~~ npm i -g http-server http-server . -p 8080 -o ~~~