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 相关文章推荐
jquery获得option的值和对option进行操作
Dec 13 Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
学习vue.js条件渲染
Dec 03 Javascript
bootstrap css样式之表单
Jan 19 Javascript
BootStrap select2 动态改变值的方法
Feb 10 Javascript
AngularJS $http模块POST请求实现
Apr 08 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
Bootbox将后台JSON数据填充Form表单的实例代码
Sep 10 Javascript
angularjs自定义过滤器demo示例
Aug 24 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
JS实现手风琴特效
Nov 08 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
层叠菜单的动态生成
2006/10/09 PHP
php面向对象的方法重载两种版本比较
2008/09/08 PHP
PHP mysql与mysqli事务使用说明 分享
2013/08/17 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
ejs v9 javascript模板系统
2012/03/21 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
angular框架实现全选与单选chekbox的自定义
2017/07/06 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
python使用分治法实现求解最大值的方法
2015/05/12 Python
python实现归并排序算法
2018/11/22 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
基于pycharm实现批量修改变量名
2020/06/02 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
Python常用数据分析模块原理解析
2020/07/20 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
小学开学典礼主持词
2014/03/19 职场文书
班主任班级寄语大全
2014/04/04 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
先进班集体申报材料
2014/12/26 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
golang中的空slice案例
2021/04/27 Golang
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android