JS在线运行

版本:

所属目录
点击了解高性能代码运行API
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
秒转时间的demo 发布于:2022-11-08 09:16 传感器数据解析 发布于:2022-11-07 21:25 数组对象重复值标记 发布于:2022-11-07 16:01 打鼾干预时间 发布于:2022-11-07 16:02 打鼾干预判断 发布于:2022-11-07 14:30 高级尝试哈哈 发布于:2022-11-06 17:01 过滤连续时间段 发布于:2022-11-04 13:36 宝宝起名脚本 发布于:2022-11-02 17:32 js 代表履职八有、三册两簿一计划 发布于:2022-11-02 12:21 console.log(aa); console.log(bb); 发布于:2022-11-01 16:56 学科成绩单 发布于:2022-10-31 16:22 测试使用的 发布于:2022-10-31 09:31 打鼾干预在线测试 发布于:2022-10-28 14:59 遍历数据 如果父节点存在,那字节点就不需要 发布于:2022-10-28 10:26 十大排序算法 发布于:2022-10-27 15:39 2423. 删除字符使频率相同 发布于:2022-10-26 17:04 函数柯里化 发布于:2022-10-25 15:29 leetCode 915. 分割数组 leetCode 3. 无重复字符的最长子串 发布于:2022-10-24 21:45 js的数组按照key去重 发布于:2022-10-24 10:51 福建水口脚本 发布于:2022-10-24 10:53 测试学习用途! 发布于:2022-12-19 17:17 数组的前 k 个高频元素 js 实现堆 发布于:2022-10-23 16:42 统计字符串中出现次数最多的字符及出现的次数 发布于:2022-10-22 22:17 数组内两元素等于目标值 的元素下标 发布于:2022-10-21 16:24 求字符串出现次数 发布于:2022-10-21 15:53 上台阶问题 发布于:2022-10-19 11:39 js数组去重 发布于:2022-10-19 11:43 字符串(驼峰、下划线)互转 发布于:2022-10-19 11:12 两个大数相加 发布于:2022-10-19 10:52 员工多级排序 发布于:2022-10-19 10:10 汉诺塔递归算法 发布于:2022-10-19 09:39 某东 滑块验证码js逆向 发布于:2022-10-18 21:30 循环队列定义 发布于:2022-10-18 17:13 将一个正整数分解质因数。例如:输入90,打印出90=2*3*3*5。 程序分析:对n进行分解质因数,应先找到一个最小的质数k,然后按下述步骤完成: (1)如果这个质数恰等于n,则说明分解质因数的过程已经结束,打印出即可。 (2)如果n <> k,但n能被k整除,则应打印出k的值,并用n除以k的商,作为新的正整数你n,重复执行第一步。 (3)如果n不能被k整除,则用k+1作为k的值,重复执行第一步。 发布于:2022-10-18 14:17 云天 token 生成 发布于:2022-10-18 12:23 斐波那契数列 发布于:2022-10-18 11:01 switch示例 发布于:2022-10-16 11:47 队列的问题 发布于:2022-10-16 13:01 数学基础 求前n项奇数和 与求前n 偶数和 发布于:2022-10-15 13:54 地图坐标变换 发布于:2022-10-15 10:49 栈的相关问题 发布于:2022-10-15 09:37 一道简单又有意思的 JavaScript 手写题 — 异步加法 asyncAdd 发布于:2022-10-12 14:56 class 静态属性, 私有属性 发布于:2022-10-12 13:05 人体红外报警器 发布于:2022-10-12 12:40 扁平数据转树形数据 发布于:2022-10-12 09:22 大数计算;大数一般保存为字符串 发布于:2022-10-11 13:32 文件读取测试 发布于:2022-10-10 11:50 某付宝password js逆向 发布于:2022-10-09 22:03 解构赋值 工资 发布于:2022-10-09 15:08 手写深拷贝 发布于:2022-10-08 15:35 [更多]
显示目录

路由



Node.js 路由

我们要为路由提供请求的URL和其他需要的GET及POST参数,随后路由需要根据这些数据来执行相应的代码。

因此,我们需要查看HTTP请求,从中提取出请求的URL以及GET/POST参数。这一功能应当属于路由还是服务器(甚至作为一个模块自身的功能)确实值得探讨,但这里暂定其为我们的HTTP服务器的功能。

我们需要的所有数据都会包含在request对象中,该对象作为onRequest()回调函数的第一个参数传递。但是为了解析这些数据,我们需要额外的Node.JS模块,它们分别是url和querystring模块。

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

当然我们也可以用querystring模块来解析POST请求体中的参数,稍后会有演示。

现在我们来给onRequest()函数加上一些逻辑,用来找出浏览器请求的URL路径:

var http = require("http");
var url = require("url");

function start() {
  function onRequest(request, response) {
    var pathname = url.parse(request.url).pathname;
    console.log("Request for " + pathname + " received.");
    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write("Hello World");
    response.end();
  }

  http.createServer(onRequest).listen(8888);
  console.log("Server has started.");
}

exports.start = start;

好了,我们的应用现在可以通过请求的URL路径来区别不同请求了--这使我们得以使用路由(还未完成)来将请求以URL路径为基准映射到处理程序上。

在我们所要构建的应用中,这意味着来自/start和/upload的请求可以使用不同的代码来处理。稍后我们将看到这些内容是如何整合到一起的。

现在我们可以来编写路由了,建立一个名为router.js的文件,添加以下内容:

function route(pathname) {
  console.log("About to route a request for " + pathname);
}

exports.route = route;

如你所见,这段代码什么也没干,不过对于现在来说这是应该的。在添加更多的逻辑以前,我们先来看看如何把路由和服务器整合起来。

我们的服务器应当知道路由的存在并加以有效利用。我们当然可以通过硬编码的方式将这一依赖项绑定到服务器上,但是其它语言的编程经验告诉我们这会是一件非常痛苦的事,因此我们将使用依赖注入的方式较松散地添加路由模块。

首先,我们来扩展一下服务器的start()函数,以便将路由函数作为参数传递过去:

var http = require("http");
var url = require("url");

function start(route) {
  function onRequest(request, response) {
    var pathname = url.parse(request.url).pathname;
    console.log("Request for " + pathname + " received.");

    route(pathname);

    response.writeHead(200, {"Content-Type": "text/plain"});
    response.write("Hello World");
    response.end();
  }

  http.createServer(onRequest).listen(8888);
  console.log("Server has started.");
}

exports.start = start;

同时,我们会相应扩展index.js,使得路由函数可以被注入到服务器中:

var server = require("./server");
var router = require("./router");

server.start(router.route);

在这里,我们传递的函数依旧什么也没做。

如果现在启动应用(node index.js,始终记得这个命令行),随后请求一个URL,你将会看到应用输出相应的信息,这表明我们的HTTP服务器已经在使用路由模块了,并会将请求的路径传递给路由:

bash$ node index.js
Request for /foo received.
About to route a request for /foo

以上输出已经去掉了比较烦人的/favicon.ico请求相关的部分。

由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS 在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。

title

使用此草稿 删除草稿

  • 00:23
注册登录后可减少验证码的弹出,点击前往 注册 | 登录

皮肤:

运行模式:

嵌入代码 iframe嵌入:


服务器已安装大部分常用的依赖库,但仍会存在一些未被安装的库, 可以通过本窗口立即安装所需依赖库,请确保库名正确,否则无法安装成功。


请输入依赖库的名称:

请选择语言: