Node.js 路由的实现方法


Posted in Javascript onJune 05, 2019

我们平时工作中,涉及到后台开发,路由基本上是我们第一个需要建的,路由还是很重要的。

那么,什么是路由呢,通俗点举个例子,一个宾馆前台,来了十位客人,前台会安排十位客人入住,每位客人到达宾馆以后,该去哪个房间,都是通过前台来安排。(别喷我)

在一个域名下,会有很多个可访问的地址,这就是路由。

我们呢,要为路由提供请求的URL和其他需要的GET及POST参数,随后路由需要根据这些数据,来决定执行哪些代码。/
因此,我们要查看HTTP请求,从中提取出来我们需要的URL以及GET/POST参数。
我们需要的这些数据都会包含在request对象中,该对象作为onRequest()回调函数的第一个参数传递。但是为了解析这些数据,我们需要额外的Node.js模块,它们分别是url和querystring模块。

url.parse(string).query
                      |
      url.parse(string).pathname   |
            |          |
            |          |
           ------ -------------------
http://localhost:8888/start?foo=bar&hello=world
                ---    -----
                 |     |
                 |     |
       querystring.parse(queryString)["foo"]  |
                      |
             querystring.parse(queryString)["hello"]

也可以用querystring模块来解析post请求体中的参数,下面会有代码演示。

现在我们写一段代码,用来找出浏览器请求的URL路径 之前也写到如何用node起serve

我们新建一个server.js 代码如下

// 代码route()方法为第二个创建的router.js那的方法。我们在这里使用
const http = require('http')
const url = require('url')

function start(route){
  function onRequest(request, response) {
    let pathName = url.parse(request.url).pathname // 通过url获取到当前访问路径
    console.log('Request for ' + pathName + 'received.')
    route(pathName,response)
  }
  http.createServer(onRequest).listen(8888)
  console.log('Server has started')
}
exports.start = start

然后创建router.js

// 通过传递过来到pathname,来进行不同的操作,如果是根目录,打印hello world
// 如果是/index 打印 pathname :/index
// 如果是其他 打印404
function route(pathname,response) {
  console.log('About to route a request for ' + pathname)
  response.writeHead(200, {'Content-Type' : 'text/plain'})
  if(pathname == '/') {
    response.write('Hello World')
    response.end()
  }else if(pathname == '/index'){
    response.write('pathname :/index')
    response.end()
  } else {
    response.write('404')
    response.end()
  }
  
}
exports.route = route

真实环境肯定不会这么写,这样写主要是理解路由的工作原理

接下来我们创建index.js 倒入我们写好的两个模块。

const server = require('./server')
const router = require('./router')

server.start(router.route)

调用server下的start方法,把router那的route方法传入进去。整体的逻辑就出来了,通过server.js 创建http服务,通过node内置模块url获取到当前访问路径,在通过router.js 对不同访问路径进行不同对代码操作。

最终我们启动命令行 输入node index.js 随后请求一个url 我们就会看到应用输出相应对信息,这表明我们对HTTP服务器已经在使用路由模块了。并会将请求对路径传递给路由,再由路由进行接下来对操作。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
JavaScript触发onScroll事件的函数节流详解
Dec 14 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
Dec 16 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
Apr 01 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 #Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 #Javascript
jQuery操作cookie的示例代码
Jun 05 #jQuery
JS实现从对象获取对象中单个键值的方法示例
Jun 05 #Javascript
微信小程序如何实现全局重新加载
Jun 05 #Javascript
JS数组Object.keys()方法的使用示例
Jun 05 #Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 #Javascript
You might like
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
javascript html 静态页面传参数
2009/04/10 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
JavaScript字符串_动力节点Java学院整理
2017/06/27 Javascript
在 Vue.js中优雅地使用全局事件的方法
2019/02/01 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
Python性能优化的20条建议
2014/10/25 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
深入浅析Python字符编码
2015/11/12 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
Django 实现前端图片压缩功能的方法
2019/08/07 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
Python中实现输入一个整数的案例
2020/05/03 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
请说出以下代码输出什么
2013/08/30 面试题
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
50岁生日感言
2014/01/23 职场文书
个人授权委托书范文
2014/09/21 职场文书
质量整改通知单
2015/04/21 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
PL350与SW11的比较
2021/04/22 无线电
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python
浅谈Redis的几个过期策略
2021/05/27 Redis
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA