JS在线运行

版本:

所属目录
点击了解高性能代码运行API
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
指尖mud 发布于:2023-03-22 22:08 easyui方法扩展 发布于:2023-03-22 17:20 汇总计算,并输出比对结果 发布于:2023-03-20 17:40 JS触发Angular数据更新 发布于:2023-03-20 11:28 简易 sort 封装 发布于:2023-03-18 11:43 找出数组 arr 中重复出现过的元素(不用考虑返回顺序) 发布于:2023-03-17 14:27 使用JS判断一个字符串中重复出现次数最多的字符 发布于:2023-03-16 17:06 测试生成function 发布于:2023-03-16 09:43 原生js使用Cookie 发布于:2023-03-15 16:16 js时间日期 发布于:2023-03-15 15:12 js年月日 发布于:2023-03-15 15:05 循环打印输出双倍值 发布于:2023-03-15 09:51 风向util 发布于:2023-03-14 18:44 寻找100-200之间的素数 发布于:2023-03-13 16:43 阿拉伯数字转中文数字 发布于:2023-03-13 13:44 javascript snippets 发布于:2023-03-12 14:53 promise控制并发数量 发布于:2023-03-12 14:00 javascript 代码测试 发布于:2023-03-12 10:52 测试promise用法 发布于:2023-03-11 14:12 手撕promise 发布于:2023-03-11 10:37 格式化时间成时分秒的格式,前面补零 发布于:2023-03-10 07:33 搜索二维矩阵 II 发布于:2023-03-09 20:57 获取数字下标 发布于:2023-03-09 09:08 根据id 和 parentid 将数组数据转成嵌套结构 发布于:2023-03-08 16:03 手写 防抖 接口 递归深拷贝 发布于:2023-03-08 09:25 判断点是否在多边形内 发布于:2023-03-07 21:13 diffDate优化 发布于:2023-03-06 14:28 js得到两个时间的时间差 发布于:2023-03-06 13:58 js计算相差多少天 发布于:2023-03-06 14:01 归并排序算法 发布于:2023-03-03 16:39 无限循环没有图片 发布于:2023-03-03 10:09 二分搜索法 发布于:2023-03-02 16:37 测试项目 代码 发布于:2023-03-01 14:13 拼接对象键值为字符串,使用指定符号拼接 发布于:2023-02-28 14:28 正则捕捉pre,插入button 发布于:2023-02-27 21:03 测试map、forEach 发布于:2023-02-27 20:19 JS 手写题测试代码 发布于:2023-02-26 16:54 判断一个字符串中出现次数最多的字符并统计次数 发布于:2023-02-24 15:27 js 订阅消息时间 发布于:2023-02-23 22:10 nodejs基础能力测试 发布于:2023-03-21 11:21 nodejs基础能力测试 发布于:2023-02-23 12:28 Promise简易实现 发布于:2023-02-23 15:59 函数参数是否是传引用地址还是新创建对象 发布于:2023-02-22 11:15 JavaScript some不会对空数组进行检测 发布于:2023-02-21 10:37 call, bind , apply 发布于:2023-02-20 18:12 算法学习之二叉树递归遍历 发布于:2023-02-20 14:31 递归返回新数组 发布于:2023-02-17 10:04 将数据树形结构化 发布于:2023-02-16 21:19 数据结构排序 发布于:2023-02-16 20:24 算法学习之栈 发布于:2023-02-16 15:43 [更多]
显示目录

Web 模块



Node.js Web 模块

本节介绍Node.js Web模块,首先,你应该先了解什么是Web服务器。


什么是 Web 服务器?

Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序。

Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。

大多数web服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。

目前最主流的三个Web服务器是Apache、Nginx、IIS。


Web 应用架构

  • Client - 客户端,一般指浏览器,浏览器可以通过HTTP协议向服务器请求数据。

  • Server - 服务端,一般指Web服务器,可以接收客户端请求,并向客户端发送响应数据。

  • Business - 业务层, 通过Web服务器处理应用程序,如与数据库交互,逻辑运算,调用外部程序等。

  • Data - 数据层,一般由数据库组成。


使用 Node 创建 Web 服务器

Node.js提供了http模块,http模块主要用于搭建HTTP服务端和客户端,如果要使用HTTP服务器或客户端功能,则必须调用http模块,代码如下:

var http = require('http');

以下是演示一个最基本的HTTP服务器架构(使用8081端口),创建server.js文件,代码如下所示:

var http = require('http');
var fs = require('fs');
var url = require('url');


// 创建服务器
http.createServer( function (request, response) {  
   // 解析请求,包括文件名
   var pathname = url.parse(request.url).pathname;

   // 输出请求的文件名
   console.log("Request for " + pathname + " received.");

   // 从文件系统中读取请求的文件内容
   fs.readFile(pathname.substr(1), function (err, data) {
      if (err) {
         console.log(err);
         // HTTP 状态码: 404 : NOT FOUND
         // Content Type: text/plain
         response.writeHead(404, {'Content-Type': 'text/html'});
      }else{             
         // HTTP 状态码: 200 : OK
         // Content Type: text/plain
         response.writeHead(200, {'Content-Type': 'text/html'});    

         // 响应文件内容
         response.write(data.toString());        
      }
      //  发送响应数据
      response.end();
   });   
}).listen(8081);

// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8081/');

接下来我们在该目录下创建一个index.htm文件,代码如下:

<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js文件:

`$ node server.js
Server running at http://127.0.0.1:8081/`

接着我们在浏览器中输入并打开地址:http://127.0.0.1:8081/index.htm,显示如下图所示:

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.htm received.     #  客户端请求信息

Gif 实例演示


使用 Node 创建 Web 客户端

使用Node创建Web客户端需要引入http模块,创建client.js文件,代码如下所示:

var http = require('http');

// 用于请求的选项
var options = {
   host: 'localhost',
   port: '8081',
   path: '/index.htm'  
};

// 处理响应的回调函数
var callback = function(response){
   // 不断更新数据
   var body = '';
   response.on('data', function(data) {
      body += data;
   });

   response.on('end', function() {
      // 数据接收完成
      console.log(body);
   });
}
// 向服务端发送请求
var req = http.request(options, callback);
req.end();

新开一个终端,执行client.js文件,输出结果如下:

$ node client.js
<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.htm received.   # 客户端请求信息

Gif 实例演示

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