前端探索 | HTTP

请求和响应模型


请求与响应
如何发请求
  • 浏览器的地址栏
  • 用curl命令
    帮你发请求的工具叫做 用户代理User Agent
如何做响应
  • Node.js有一个http模块可以做到
  • 代码见下
var http = require('http')
var fs = require('fs')
var url = require('url')
var port = process.argv[2]

if(!port){
  console.log('请指定端口号好不啦?\nnode server.js 8888 这样不会吗?')
  process.exit(1)
}

var server = http.createServer(function(request, response){
  var parsedUrl = url.parse(request.url, true)
  var pathWithQuery = request.url 
  var queryString = ''
  if(pathWithQuery.indexOf('?') >= 0){ queryString = pathWithQuery.substring(pathWithQuery.indexOf('?')) }
  var path = parsedUrl.pathname
  var query = parsedUrl.query
  var method = request.method

  /******** 从这里开始看,上面不要看 ************/

  console.log('有个傻子发请求过来啦!路径(带查询参数)为:' + pathWithQuery)

  if(path === '/'){
    response.statusCode = 200
    response.setHeader('Content-Type', 'text/html;charset=utf-8')
    response.write(`二哈`)
    response.end()
  } else if(path === '/x'){
    response.statusCode = 200
    response.setHeader('Content-Type', 'text/css;charset=utf-8')
    response.write(`body{color: red;}`)
    response.end()
  } else {
    response.statusCode = 404
    response.setHeader('Content-Type', 'text/html;charset=utf-8')
    response.write(`你输入的路径不存在对应的内容`)
    response.end()
  }

  /******** 代码结束,下面不要看 ************/
})

server.listen(port)
console.log('监听 ' + port + ' 成功\n请用在空中转体720度然后用电饭煲打开 http://localhost:' + port)

这些代码是服务器代码
path是不带查询参数的路径/x
query是查询参数的对象形式{a:'1'}
queryString是查询参数的字符串形式?a=1
pathWithQuery是带查询参数的路径,一般不用
request是请求对象
response是响应对象
``这种字符串里可以使用回车
''这种字符串里使用\n
每次收到请求都会把中间内容执行
使用if else判断路径,并返回响应
若是已知路径一律返回200
若是位置路径一律返回404
Content-Type表示内容的【类型/语法】
response.write()可以填写返回内容
response.end()表示响应可以发给用户
URL的后缀没有用,不能/y.css就代表是CSS内容
Content-Type才是决定文件类型的关键

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • protocol 协议www= URL + HTTP + HTML IP:Internet Protocol 1....
    yudaza阅读 134评论 0 0
  • 前言:本文是转载文,文章中的'我'指原作者 1.http和https https的SSL加密是在传输层实现的。 (...
    强哥科技兴阅读 689评论 0 1
  • 一、HTTP协议简介 1、什么是互联网互联网=物理连接介质+互联网协议2、互联网建立的目的?数据传输打破地域限制,...
    故乡小城阅读 452评论 0 0
  • 定位一个前端工程师是高级工程师还是基础工程师的区别就是对HTTP的了解,现总结http对前端的应用。 什么是HTT...
    李欢li阅读 325评论 0 3
  • 【前言】以下源于慕课网《大话HTTP协议》课程笔记 认识HTTP协议 HTTP 基础[https://www.ji...
    liwuwuzhi阅读 1,424评论 0 0