0809_根据url地址来建立一个静态的服务器

课前回顾

http协议:
request (头,体), response方法

node.js建立服务器, 在页面输出hello

const http = requir('http');
const ip = '192.168.84.128';
const port = 3000;

http.creatServer((req, res) => {
  res.writeHead(200, {}'Content-Type:text/html'});
  res.write('');
  res.write('');
  res.write('');
  res.write('hello');
  res.write('');
  res.write('');
  res.write('');
  res.end();
}).listen(port, ip, () => {
  console.log('server start');
});

新内容

任务: 判断url地址, 根据url地址来建立一个静态的服务器

• 将昨天的内容进行一个抽取

const http = require('http');

const ip = '192.168.84.128';
const port = 3000;

var f = function (req, res) {
  res.writeHead(200, {'Content-Type:text/html'});
  res.write('');
  res.write('');
  res.write('');
  res.write('hello');
  res.write('');
  res.write('');
  res.write('');
  res.end();
}

var f2 = function () => {
  console.log('server start');
}

http.creatServer(f).listen(port, ip, f2);

• 获取url, 处理文件

// 获得文件中的文本内容
var data = fs.readFileSync('index.html');
var f = function (req, res) {
  var pathname = url.parse(req.url).pathname; // 这里获取到一个访问的url
  res.write(pathname);
  res.write('\n');
  res.write(data.toString()); // 将从index.html中获得的文本内容显示到页面
  res.end();
}
var f2 = function () {
  console.log('server start');
}
http.createServer(f).listen(port, ip, f2);

访问链接: 192.168.84.128:3000/liwei/0809/lession3.html

页面显示: /liwei/0809/lession3.html (即访问路径)

• 客户端请求静态页面(获取url+文件处理)

var http = require('http')
var url = require('url'); // 加载url包
var fs = require('fs'); // 加载文件处理包
var ip = '49.70.45.233';
var port = '3000';

var server = new http.Server();

server.listen(port, ip);
server.on('request', function(request, response){
  // 这里获取到一个访问的url
  var pathname = url.parse(request.url).pathname;
  function out(file) {
    fs.readFile('./html/' + file, function(err, content) {
      if (err) { // 如果有错误, 打印错误信息
        console.log(err);
      } else { // 没有错误则将index.html返回给客户端(content)
        response.writeHead(200, {'Content-Type':'text/html;charset=utf-8'});
        response.write(content);
        response.end();
      }
    });
  }
  switch (pathname) { // 判断路径, 根据不同的判断结果返回不同的内容
    case '' || '/':
      out('index.html');
      break;
    case '/list':
      out('list.html');
      break;
    case '/good':
      out('good.html');
      break;
    default:
      response.writeHead(404, {'Content-Type':'text/html;charset=utf-8'});
      response.end();
  }
});

注:
node.js 允许一条语句不加";", 但是建议加上, 因为代码压缩可能会报错

一个node的包网站: https://www.npmjs.com

作业

写一个静态资源的服务器, 根据不同的url显示不同的模板(首页, 列表, 详情)