node_网站静态资源处理

// apache服务器 还需要进一步实现
// 功能1： 文件icon 和 目录icon
// 功能2： 点击目录string展开下一级目录

// 用留言本的案例讲解 静态资源处理
// 注意⭐文件划分时 一般把html文件(视图)放到view目录中
// 在访问文件时,如果没有找到请求的文件,就添加res.end('404 not found')
// 当获取到文件内容之后,只有需要处理data中的字符串时,才用toString转换

// 在浏览器解析获取到的页面过程中,浏览器遇到link audio video script iframe img这些标签(src href)，会自动向服务器发送请求
// ⭐以上这些标签链接 对应的都是静态资源 （外链资源）
// 超链接标签的 href 比较特殊,是由用户控制是否发送请求

// 无论是浏览器自动发送的请求 还是用户发送的请求,都需要在服务端进行处理(如：返回相应文件),浏览器接收到反馈之后才生效
// 如果只是浏览器发送了请求,服务端没有处理请求,页面就会一直处在加载状态

// ⭐为了方便、统一处理这些静态资源(icon 框架文件 ... 不可能每个请求都用if+路径进行处理) 都存放到public目录中
// public 目录中： 还有css js img lib（第三方包、框架）目录分类存放各种文件
/* ⭐统一处理的方式：

1. 因为每一条静态资源文件请求路径都是以 /public/ 开头的 ，就是文件路径

2. 所以 url.indexOf('/public/') === 0 ⭐请求路径是以/public/开头的
   关于strObj.indexOf(子串[,检索起始位置]) 在strObj中检索子串 返回首次出现的位置 或 -1

3. 当条件成立时,readFile('.'+url,function(){ // ⭐需要拼接一下形成pc的url
   // 当读取成功时： res.end(data) 就把当前url指向的文件返回
   // 当所有 /public/目录下的请求都执行完时,里面的文件就都被开放了
   // ⭐由于以上的请求代码都是写在 请求监听中的, 所以不需要循环,只要发请求就会走判断流程

4. 所以通过这种方法能进行访问控制,后台只end可以被访问的资源 其他的不做处理(任何请求都响应)

5. ⭐页面上的请求路径都是以 / 开头 ,这个表示 'ip:port/' 浏览器会自动替换
   })

现在大多数网站的url 为了简洁,都设计成文件名不含后缀名(html),

1. 客户端请求的地址不添加后缀,都是用 /xxx的方式
2. 服务端路径判断不添加后缀,都是用 /xxx的方式
3. 只有服务端执行文件读取的时候才有后缀名

整个请求无论是index请求 还是静态资源开放式请求 都是设计成一个if - else if - else if -...-else流程
最后一个else 用来把所有未处理的( 或不公开的内容) 请求,转到该分支下,展示一个404页面
*/