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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
谷歌地图打不开的解决办法
Aug 07 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
Jun 21 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 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设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
setAttribute 与 class冲突解决
2008/02/17 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
Python+django实现文件上传
2016/01/17 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
安全生产管理责任书
2014/04/16 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
护理见习报告范文
2014/11/03 职场文书
钱学森观后感
2015/06/04 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis