JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
终端运行
图形+终端

                        
以下是用户最新保存的代码
测试接口联调 发布于:2023-09-26 17:39 菜单展示架构配置化 发布于:2023-09-26 17:14 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 发布于:2023-09-25 09:37 选择排序算法 发布于:2023-09-24 17:40 冒泡排序算法 发布于:2023-09-24 17:39 利用蛮力法解决百鸡百钱问题 发布于:2023-09-24 17:38 百钱买百鸡问题 - 蛮力法求解 发布于:2023-09-24 15:29 冒泡排序与选择排序 发布于:2023-09-24 15:09 百鸡百钱问题 发布于:2023-09-23 19:52 给出一组关键字K={11,9,3,20,56,32} 发布于:2023-09-23 19:36 选择排序算法 发布于:2023-09-23 11:09 冒泡排序算法 发布于:2023-09-23 11:06 实现wifi断线重连。需运行开源程序hummingbird。下载地址:(https://gitee.com/QdbcShen/hummingbird/) 发布于:2023-09-21 10:07 事件循环 代码执行顺序 发布于:2023-09-21 09:34 第三周选择排序 发布于:2023-09-22 19:30 第三周冒泡排序 发布于:2023-09-22 19:45 找出1-10能被3整除的数 发布于:2023-09-20 19:43 冒泡排序,选择排序 发布于:2023-09-24 15:17 处理排序问题 发布于:2023-09-19 01:12 js 类的创建 发布于:2023-09-18 22:55 相应式(3) 嵌套的副作用函数 发布于:2023-09-17 13:56 响应式 (2) 分支切换和cleanup 发布于:2023-09-17 13:56 js调用CryptoJS解密 发布于:2023-09-16 00:24 相对路径转为绝对路径----ico相对路径、绝对路径转换(二) 发布于:2023-09-19 17:46 相对路径转为绝对路径(一) 发布于:2023-09-19 17:45 / 对版本数组 arr = ["2.0", "1.2.1", "1.3"] 进行升序,并计算圈复杂度 发布于:2023-09-14 20:26 JS实现嵌套对象的扁平化 发布于:2023-09-13 11:29 在有限整数序列中找到最大值的算法 发布于:2023-09-12 09:09 给定两个不等于0的整数M和N,求M和N的最大公约数 发布于:2023-09-11 23:03 设计模式实现 发布于:2023-09-12 20:47 给定两个不等于0的整数M和N,求M和N的最大公约数 发布于:2023-09-10 20:14 第三题:求两数之间的公约数 发布于:2023-09-24 17:28 在有限整数序列中找到最大值的算法 发布于:2023-09-09 19:59 temu 自动添加发货台 发布于:2023-09-09 21:40 temu 爬虫 发布于:2023-09-09 20:33 这个是单调盏的使用方法 发布于:2023-09-07 21:58 第一周实验代码 发布于:2023-09-12 20:25 JS求数组最大值 发布于:2023-09-11 15:18 js规格处理2 发布于:2023-09-05 17:53 (最简易版本2)js笛卡尔积生成商品SKU多规格算法 源自:http://www.hzhcontrols.com/new-1286125.html 发布于:2023-09-05 18:18 有限整数序列中找到最大值 发布于:2023-09-10 10:04 js排序测试 发布于:2023-09-02 10:06 # js模块测试 发布于:2023-08-31 18:11 物联js解析 发布于:2023-09-20 18:24 支持并发的调度器, 最多允许2任务进行处理 发布于:2023-08-31 15:18 使用document.documentElement获得html里id为str的元素 发布于:2023-08-30 16:26 [拼多多]高难度模板字符串匹配 发布于:2023-08-29 22:15 // 实现一个run方法,使得run(fucArr)能顺序输出1、2、3 发布于:2023-08-29 17:44 只有最后一次promise会then与reject 发布于:2023-08-29 17:23 各种排序方法集合 发布于:2023-08-29 17:36 [更多]
显示目录

路由



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操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。