上節(jié)課回顧
http協(xié)議的參數(shù)：要仔細(xì)看
頭部參數(shù)和body體
xshell open命令
本節(jié)課內(nèi)容
http fs url模塊的使用
本地文件訪問
根據(jù)不同的url地址請(qǐng)求不同的資源
構(gòu)建靜態(tài)資源的服務(wù)器
http抡柿、fs贫橙、url模塊的使用
- http模塊：主要用于創(chuàng)建http server服務(wù)
const http = require('http');//加載http模塊
http.createServer(function (req,res) { res.end('Hello World\n');}).listen(3000,"192.168.127.132"); //創(chuàng)建Server
console.log("Server running at http://192.168.127.132:3000");
瀏覽器輸入：http://192.168.127.132:3000
Paste_Image.png
- fs模塊： 主要用于處理文件資源
const http = require('http'); //加載http模塊
const fs = require('fs');//加載fs模塊
const ip = '192.168.127.132';//定義常量ip
const port = 3000;//定義常量端口號(hào)
var data = fs.readFileSync('/etc/passwd');//讀取本地文件/etc/passwd,并賦給data變量
var f = function (req,res) {
res.write(data);//輸出data數(shù)據(jù)到瀏覽器
res.end(); //結(jié)束
}//定義請(qǐng)求函數(shù)
var f2 = function (){
console.log('Server start');
}//定義后臺(tái)執(zhí)行函數(shù)
http.createServer(f).listen(port, ip,f2);//創(chuàng)建服務(wù)
瀏覽器輸入：http://192.168.127.132:3000
Paste_Image.png
- url模塊： 主要用于解析url
const http = require('http');//加載http模塊
const url = require('url');//加載url模塊
const ip = '192.168.127.132';//定義常量ip
const port = 3000;//定義常量端口號(hào)
var f = function (req,res) {
var pathname = url.parse(req.url).pathname;//獲取客戶端url地址
res.write(pathname+'\n');//輸出客戶端url地址
res.end();//結(jié)束請(qǐng)求
}//定義請(qǐng)求函數(shù)
var f2 = function (){
console.log('Server start');
}//定義后臺(tái)顯示函數(shù)
http.createServer(f).listen(port, ip,f2);//創(chuàng)建server
瀏覽器輸入：http://192.168.127.132:3000
Paste_Image.png
若瀏覽器輸入：http://192.168.127.132:3000/index,則顯示：
Paste_Image.png
構(gòu)建靜態(tài)資源的服務(wù)器
- 思路：
- 服務(wù)器本地創(chuàng)建靜態(tài)資源
- 獲取前臺(tái)url
- 使用switch語句齿穗，不同url獲取服務(wù)器不同靜態(tài)資源
具體細(xì)節(jié)及代碼后補(bǔ)
今日作業(yè)：
- 構(gòu)建一個(gè)靜態(tài)資源的服務(wù)器袱结，根據(jù)不同的url地址請(qǐng)求不同的文件(模板)
- 構(gòu)建一個(gè) 詳情頁 列表頁 首頁
